这两天做web页面富文本编辑器,有哪些好用的编辑器?

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

阅读 12.8k
10 个回答

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

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

ckeditor蛮好的支持接口

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

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

<meta charset="utf-8">
<h1>BBCode Editor</h1>
<div>
    <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>
</div>
<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>
新手上路,请多包涵

ueditor

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏