其他代码
所见即所得Markdown编辑器tui.editor
PetitQ
tui.editor（TOAST UI Editor）是一款所见即所得的 Markdown 编辑器。TOAST UI Editor 提供 Markdown 模式和 WYSIWYG 模式。它的功能非常强大，你可以编辑表格，UML 图和图表等。
HTML 结构:
使用 TOAST UI Editor 的基本结构如下：
也想出现在这里？联系我们吧
<body>
...<div id="editSection"></div>
...</body>
初始化插件:
使用下面的方法来初始化 TOAST UI Editor 编辑器。
var Editor = require('tui-editor');
...var editor = new Editor({
el: document.querySelector('#editSection'),
initialEditType: 'markdown',
previewStyle: 'vertical',
height: '300px'
});
或者你也可以把它作为 jquery 插件来使用。
$('#editSection').tuiEdito r({
initialEditType: 'markdown',
previewStyle: 'vertical',
height: '300px'
});
上面初始化时的配置参数含义如下：
height：编辑器的高度，默认为 auto，可以设置一个像素值，如 300px
initialValue：初始值，设置 Markdown 字符串
initialEditType：初始化是编辑器的类型，markdown 或 wysiwyg
previewType：Markdown 模式的预览类型，tab 或 vertical
Markdown 模式:
Wysiwig 模式:
tui.editor 所见即所得的 Markdown 编辑器插件的 github 地址为：https://github.com/nhnent/tui.editor
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
