uEditer 之前用的感觉不是很好。现需要更换,求推荐好用,且兼容性好
比如本站中的富文本编辑器。
主要需求为:能上传图片,排版方便,添加附件。
uEditer 之前用的感觉不是很好。现需要更换,求推荐好用,且兼容性好
比如本站中的富文本编辑器。
主要需求为:能上传图片,排版方便,添加附件。
是我的话就自己写个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>
12 回答5.8k 阅读
2 回答3.2k 阅读✓ 已解决
3 回答6.9k 阅读✓ 已解决
3 回答3k 阅读✓ 已解决
5 回答4.6k 阅读
4 回答2.2k 阅读
3 回答4.3k 阅读
ckeditor,可以通过js调用他们的API来完成对编辑器的自定义,提供插件也比较丰富。比如可以自定义段落是用p、div或者是br标签来分割?也可以定义内容过滤器指定源码中可以用哪些标签,每个标签允许出现什么属性以及是否允许出现style样式。
官方文档里讲的很详细http://docs.ckeditor.com/ 我最近一直在用,功能很强大,建议下载完整包然后再根据自己的情况定制自己需要的功能。