KindEditor简单富文本使用

最新推荐文章于 2024-08-05 10:13:30 发布

惯性与理性

最新推荐文章于 2024-08-05 10:13:30 发布

阅读量194

点赞数

本文链接：https://blog.youkuaiyun.com/qq_36204660/article/details/79775413

版权

<!DOCTYPE html>

<html>

<head>
<meta charset="utf-8" />
<title></title>

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script type="text/javascript" src="editor/kindeditor-min.js"></script>
<script type="text/javascript" src="editor/lang/zh_CN.js"></script>
<link rel="stylesheet" href="editor/themes/default/default.css" />

<script type="text/javascript">
$(function() {
KindEditor.ready(function(K) {
window.editor = K.create('#description', {
items: [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
],
allowFileManager: true,
uploadJson: '../../image_upload.action',
fileManagerJson: '../../image_manage.action'
});
});

});
</script>

</head>

<body>
<table class="table-edit" width="95%" align="center">
<tr>
<td>宣传内容(活动描述信息):</td>
<td colspan="3">
<textarea id="description" name="description" style="width:80%" rows="20"></textarea>
</td>
</tr>
</table>
</body>
</html>