simditor富文本编辑器使用方法
时间: 2024-06-12 09:10:12 浏览: 155
simditor是一款基于jQuery的富文本编辑器,使用方法如下:
1. 引入simditor的CSS和JS文件:
```html
<link rel="stylesheet" type="text/css" href="simditor.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="module.js"></script>
<script type="text/javascript" src="hotkeys.js"></script>
<script type="text/javascript" src="uploader.js"></script>
<script type="text/javascript" src="simditor.js"></script>
```
2. 创建一个textarea元素,并初始化simditor:
```html
<textarea id="editor"></textarea>
<script>
var editor = new Simditor({
textarea: $('#editor'),
placeholder: '请输入内容...',
toolbar: [
'title',
'bold',
'italic',
'underline',
'strikethrough',
'fontScale',
'color',
'|',
'ol',
'ul',
'blockquote',
'code',
'table',
'|',
'link',
'image',
'hr',
'|',
'indent',
'outdent',
'alignment'
]
});
</script>
```
3. 可以通过editor.getValue()获取编辑器中的内容,也可以通过editor.setValue()设置编辑器中的内容。
阅读全文