如何配置使用HTML在線編輯工具

時間 2019-12-12

標籤如何配置使用 html 在線編輯工具欄目 HTML 简体版

原文原文鏈接

如何配置使用HTML在線編輯工具

爲了更好的、統一的編寫統一簡單易用的博客，決定採用TinyMCE工具。首先下載TinyMCE4.0包。文件目錄以下：

其中，

Plugins是插件目錄，包括各類插件
Skins是皮膚目錄
Themes是風格目錄，默認包含modern風格

步驟以下：

將文件目錄tinymce放到Web服務器Root目錄下；
生成一個index.html文件，以下所示：

<html>

<head>

<script type="text/javascript" src="../tinymce/jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="../tinymce/jquery.tinymce.min.js"></script>

<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>

<script type="text/javascript">

tinyMCE.init({

mode : "textareas",

theme :"modern",

plugins
:"advlist,contextmenu,image,nonbreaking,spellchecker,anchor,directionality,importcss,noneditable,tabfocus,autolink,emoticons,insertdatetime,pagebreak,table,autoresize,example,layer,paste,template,autosave,example_dependency,legacyoutput,preview,textcolor,bbcode,fullpage,link,print,visualblocks,charmap,fullscreen,lists,save,visualchars,code,hr,media,searchreplace,wordcount"

});

</script>

</head>

<body>

<textarea name="content" cols="50" rows="15"></textarea>

</body>

</html>

如表所示，注意修改mode應用標籤，theme風格，插件列表。

工做完畢，此時能修改表格了。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

如何配置使用HTML在線編輯工具

如何配置使用HTML在線編輯工具

爲了更好的、統一的編寫統一簡單易用的博客，決定採用TinyMCE工具。首先下載TinyMCE4.0包。文件目錄以下：

其中，

Plugins是插件目錄，包括各類插件

Skins是皮膚目錄

Themes是風格目錄，默認包含modern風格

步驟以下：

將文件目錄tinymce放到Web服務器Root目錄下；

生成一個index.html文件，以下所示：

<html>

<head>

<script type="text/javascript" src="../tinymce/jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="../tinymce/jquery.tinymce.min.js"></script>

<script type="text/javascript" src="../tinymce/tinymce.min.js"></script>

<script type="text/javascript">

tinyMCE.init({

mode : "textareas",

theme :"modern",

});

</script>

</head>

<body>

<textarea name="content" cols="50" rows="15"></textarea>

</body>

</html>

如表所示，注意修改mode應用標籤，theme風格，插件列表。

工做完畢，此時能修改表格了。