如何配置使用HTML在线编辑工具

最新推荐文章于 2021-06-02 18:27:32 发布

转载最新推荐文章于 2021-06-02 18:27:32 发布 · 112 阅读

·

0

·

文章标签：

#javascript #ViewUI

本文介绍如何配置并使用TinyMCE HTML在线编辑工具，包括下载安装包、设置文件目录及生成示例页面的过程。重点讲解了如何通过修改mode应用标签、theme风格和插件列表来定制编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何配置使用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风格，插件列表。

工作完毕，此时能修改表格了。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。