简单使用 tinymce

最新推荐文章于 2023-08-04 15:24:35 发布

刘大种

最新推荐文章于 2023-08-04 15:24:35 发布

阅读量1.4k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/dazhongliu666/article/details/115345557

版权

第一次使用 tinymce，遇到的坑却不少。
首先官网下载 tinymce ，开发版和社区版都可以。
附上下载链接：
https://www.tiny.cloud/get-tiny/self-hosted/
现在简单 html 文件中上上手，完整代码如下：

<!DOCTYPE html>
<html>
<head>
    <script src="./tinymce.js"></script>
  <script>
  tinymce.init({
	language: "zh_CN",
    selector: '#mytextarea'
  });
  </script>
</head>

<body>
<h1>TinyMCE快速开始示例</h1>
  <form method="post">
    <textarea id="mytextarea">Hello, World!</textarea>
  </form>
</body>
</html>

<!DOCTYPE html>千万不能少，忘记写会报：
Failed to initialize the editor as the document is not in 
standards mode. TinyMCE requires standards mode.

解压下载好的tinymce，找到js目录并点击进入，找到tinymce.min.js文件，复制到项目文件夹。
接下来运行项目还是会报错：
theme.js net::ERR_FILE_NOT_FOUND
这是相关文件没有导入的原因，我们只需在项目文件夹下，依次导入tinymce文件下的
icons、skin、themes即可。
到此项目可以完整运行。

刘大种

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
简单使用 tinymce

第一次使用 tinymce，遇到的坑却不少。首先官网下载 tinymce ，开发版和社区版都可以。附上下载链接：https://www.tiny.cloud/get-tiny/self-hosted/现在简单 html 文件中上上手，完整代码如下：<!DOCTYPE html><html><head> <script src="./tinymce.js"></script> <script> tinymce
复制链接

扫一扫