kindeditor富文字編輯器初步使用教程

2021-07-30 12:21:47 字數 2117 閱讀 2884

初始化kindeditor富文字編輯器

rel="stylesheet"

href="../themes/default/default.css" />

charset="utf-8"

src="../kindeditor-min.js">

script>

charset="utf-8"

src="../lang/zh_cn.js">

script>

id="mul_input"

name="content"

style="width:700px;height:200px;visibility:hidden;display: block;">kindeditortextarea>

//簡單模式初始化

var editor;

kindeditor.ready(function

(k) );

});script>

//預設模式

var editor;

kindeditor.ready(function

(k) );

k('input[name=gethtml]').click(function

(e) );

k('input[name=isempty]').click(function

(e) );

k('input[name=gettext]').click(function

(e) );

k('input[name=selectedhtml]').click(function

(e) );

k('input[name=sethtml]').click(function

(e) );

k('input[name=settext]').click(function

(e) );

k('input[name=inserthtml]').click(function

(e) );

(e) );

k('input[name=clear]').click(function

(e) );

});script>

head>

預設模式h3>

style="margin: 0;">

name="content"

style="width:800px;height:400px;visibility:hidden;display: block;">kindeditortextarea>

type="button"

name="gethtml"

value="取得html" />

type="button"

name="isempty"

value="判斷是否為空" />

type="button"

name="gettext"

value="取得文字(包含img,embed)" />

type="button"

name="selectedhtml"

value="取得選中html" />

type="button"

name="sethtml"

value="設定html" />

type="button"

name="settext"

value="設定文字" />

type="button"

name="inserthtml"

value="插入html" />

type="button"

value="新增html" />

type="button"

name="clear"

value="清空內容" />

type="reset"

name="reset"

value="reset" />

p>

form>

body>

獲得內容等方法可以參考api

富文字編輯

關於字型方面,見 font。下面就是找到的一些免費開源的富文字外掛程式比較。以下僅供參考。文件上說,quill 是乙個為相容性和可擴充套件性而構建的所見即所得的現代編輯器。截至 2019.12.12,仍然處於有人維護狀態,結合上面的考慮點,有下面的一些個人體會。好的方面 不好的方面 文件上說,sum...

ios富文字編輯

最近的專案要用到富文字編輯來實現其中的修改文件功能。先是在github是找了一些editor,效果都不是很滿意,多是使用coretext來實現的,但attribute text與html的轉換十分繁鎖,所找到的控制項只有外讀時轉化為html的方法,而沒有載入時轉換到attribute text的方法...

tinymce vue 富文字編輯

用texterea最多支援換行,如果文字資訊想要更加豐富一些,比如增加格式樣式,比如增加,textarea就愛莫能助了 在網上搜尋了一番,發現tinymce是比較方便好用的一款富文字編輯 官網1.富文字rich text editor在增刪查改四個操作下,只有增和改是需要出現具體的工具欄的,在檢視的...