淺用HTML編輯器ueditor

2021-07-31 10:05:29 字數 1552 閱讀 7680

先上官網看一下,有好多版本。ubuilder是比較精簡的乙個版本,我要把 編輯器運用到專案中,所以選用了開發版的。

在根目錄下有兩個js檔案很重要乙個是編輯器原始碼檔案ueditor.all.js和配置檔案ueditor.config.js

在config.js檔案下可以根據需要修改工具欄

, *******s: [[

'fullscreen', 'source', '|', 'undo', 'redo', '|',

'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',

'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',

'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',

'directionalityltr', 'directionalityrtl', 'indent', '|',

'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',

'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',

'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',

'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',

'print', 'preview', 'searchreplace', 'drafts', 'help'

]]

但是我需要的編輯器比較精簡,所以我就做了些修改。

這是我在最後專案中的效果:

哎,可是還有個bug沒有解決,好煩。。。編輯器的高度會改變。。。

HTML 編輯器大全

tinymce 是乙個基於瀏覽器 例如msie或mozilla 的強大的所見即所得的編輯器,它使使用者可以方便的編輯html內容。它非常靈活並且是為系統整合而設計的,比如在intranets cms lms等系統中應用。英文文件 http wiki.moxiecode.com index.php t...

HTML 編輯器大全

tinymce 是乙個基於瀏覽器 例如msie或mozilla 的強大的所見即所得的編輯器,它使使用者可以方便的編輯html內容。它非常靈活並且是為系統整合而設計的,比如在intranets cms lms等系統中應用。英文文件 http wiki.moxiecode.com index.php t...

HTML編輯器大全

tinymce 是乙個基於瀏覽器 例如msie或mozilla 的強大的所見即所得的編輯器,它使使用者可以方便的編輯html內容。它非常靈活並且是為系統整合而設計的,比如在intranets cms lms等系統中應用。英文文件 tinymce 中文手冊 spaw editor是乙個功能強大,高度可...