tui.（TOAST UI ）是一款所見(jiàn)即所得的編輯器。TOAST UI 提供模式和模式。它的功能非常強(qiáng)大html所見(jiàn)即所得編輯器，你可以編輯表格html所見(jiàn)即所得編輯器，UML圖和圖表等。
TOAST UI 的模式的特點(diǎn)有：
TOAST UI 的模式的特點(diǎn)有：
安裝
可以通過(guò)npm或bower來(lái)安裝TOAST UI 插件。
npm install --save tui-editor
bower install --save tui-editor
使用
HTML結(jié)構(gòu)
使用TOAST UI 的基本結(jié)構(gòu)如下：
<body>...<div id="editSection">div>...body>初始化插件
使用下面的方法來(lái)初始化TOAST UI 編輯器。
var Editor = require('tui-editor');
...
var editor = new Editor({ ? ?el: document.querySelector('#editSection'), ? ?initialEditType: 'markdown', ? ?previewStyle: 'vertical', ? ?height: '300px'});
或者你也可以把它作為插件來(lái)使用。
$('#editSection').tuiEditor({ ? ?initialEditType: 'markdown', ? ?previewStyle: 'vertical', ? ?height: '300px'});上面初始化時(shí)的配置參數(shù)含義如下：
：編輯器的高度，默認(rèn)為auto，可以設(shè)置一個(gè)像素值，如300px。
：初始值，設(shè)置字符串。
：初始化是編輯器的類型，或。
：模式的預(yù)覽類型，tab或。
使用效果:
ui.所見(jiàn)即所得的編輯器插件的地址為：