web应用程序常用的HTML文本编辑器Cleditor使用方法介绍

　　web应用程序常用的HTML文本编辑器Cleditor使用方法介绍

　　本文主要提供使用Cleditor jQuery插件编辑HTML文本的非常简单的示例

　　背景

　　每个人都看到我的博客写作和技术共享是通过在线文件编辑实现的，我使用KindEditor

　　这是控件，它是由我们制作的，并且帮助文档相对完整，因此在这里我不会做过多介绍

　　如果您有需要的朋友，可以在DD博客留言板上（dwtedx的留言板上）给我留言

　　今天我想谈谈Cleditor，这是Web应用程序中常用的另一种文本编辑器。

　　我发现它非常美观且易于使用。我提供了一个小例子来说明它。

　　为了将来自己的方便，一个

　　第二个是帮助一些与我有相同需求的朋友

　　让我先向您展示整个应用程序的结构。

　　

　　示例代码Cleditor使用非常简单，您可以从Default.htm文件中查看如何使用它

　　以下是发布给所有人的js代码

　　$(document).ready(function () {

var options = {

width: 400,

height: 200,

controls: "bold italic underline

strikethrough subscript superscript |

font size " +

"style | color highlight

removeformat | bullets numbering |

outdent " +

"indent | alignleft center

alignright justify | undo redo | " +

"rule link image unlink | cut

copy paste pastetext | print source"

};

var editor = $("#editor").cleditor(options)[0];

$("#btnClear").click(function (e) {

e.preventDefault();

editor.focus();

editor.clear();

});

$("#btnAddImage").click(function () {

editor.execCommand("insertimage",

"图片地址", null, null);

editor.focus();

});

$("#btnGetHtml").click(function () {

alert($("#editor").val());

});

});

　　这是HTML代码

　　

Clear

Add an image

Get html

　　好的，一个简单的在线文本编辑器已经准备好

　　为所有人下载源代码链接：密码​​：qyws

　　如果这些资源对您有所帮助，并且在浏览后获得了很多好处，那么您也可能会受到鼓励，这是让我继续撰写博客的最大动机