java - 这两天做web页面富文本编辑器,有哪些好用的编辑器?
巴扎黑
巴扎黑 2017-04-17 13:58:08
0
10
399

uEditer 之前用的感觉不是很好。现需要更换,求推荐好用,且兼容性好
比如本站中的富文本编辑器。
主要需求为:能上传图片,排版方便,添加附件。

巴扎黑
巴扎黑

全員に返信(10)
大家讲道理

ckeditor,可以通过js调用他们的API来完成对编辑器的自定义,提供插件也比较丰富。比如可以自定义段落是用p、p或者是br标签来分割?也可以定义内容过滤器指定源码中可以用哪些标签,每个标签允许出现什么属性以及是否允许出现style样式。

官方文档里讲的很详细http://docs.ckeditor.com/ 我最近一直在用,功能很强大,建议下载完整包然后再根据自己的情况定制自己需要的功能。

いいねを押す +0
洪涛

上面已经回答了,http://simditor.tower.im/,或者kindeditor

いいねを押す +0
伊谢尔伦

没有人推荐TinyMCE吗?

いいねを押す +0
Peter_Zhu

html5,兼容IE10+的推荐

simditor

いいねを押す +0
小葫芦

http://simditor.tower.im/

いいねを押す +0
迷茫

https://github.com/sofish/pen

いいねを押す +0
黄舟

ckeditor蛮好的支持接口

いいねを押す +0
Ty80

Simditor很赞,刚用上,blog上写了个接入步骤,可以参考下~

いいねを押す +0
迷茫

是我的话就自己写个BBCode Editor,需要什么功能就自己定制,XSS过滤就用HTML Purifier。
下面是个示例:

<meta charset="utf-8">
<h1>BBCode Editor</h1>
<p>
    <a href="javascript:void(0)" onclick="insertAtCaret('editor','[code]代码[/code]');">[code][/code]</a>
    <a href="javascript:void(0)" onclick="insertAtCaret('editor','[b]加粗[/b]');">[b][/b]</a>
    <a href="javascript:void(0)" onclick="insertAtCaret('editor','☺');">☺</a>
</p>
<textarea id="editor" rows=10 cols=50></textarea>
<script>
function insertAtCaret(id, val) {
    var field = document.getElementById(id);
    if (document.selection) {
        // IE support
        field.focus();
        var sel = document.selection.createRange();
        sel.text = val;
    } else if (field.selectionStart || field.selectionStart == '0') {
        // Mozilla support
        var startPos = field.selectionStart;
        var endPos   = field.selectionEnd;
        field.value = field.value.substring(0, startPos) + val + field.value.substring(endPos, field.value.length);
        field.selectionStart = startPos + val.length;
        field.selectionEnd   = startPos + val.length;
    } else {
        // Other browsers
        field.value += val;
    }
    field.focus();
}
</script>
いいねを押す +0
迷茫

ueditor

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!