ThinkPHP3.1.3整合tinymce

最新推荐文章于 2021-03-11 01:22:43 发布

light_starlight

最新推荐文章于 2021-03-11 01:22:43 发布

阅读量1k

点赞数

分类专栏： web开发文章标签： thinkphp 富文本编辑器 tinymce

本文链接：https://blog.csdn.net/u010770930/article/details/43839687

版权

web开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

困扰了一晚上的问题终于解决了...

tinymce调用还是蛮简单的，在需要编辑器的页面中引用tinymce中的js文件就行了。

我用的是tinymce4.1.7版本，文件结构为tinymce下：

在需要编辑器的页面中<head>中编写如下代码：

<!-- tinyMCE -->
<load href='tinymce/tinymce.min.js' />
<script language="javascript" type="text/javascript">
	tinyMCE.init({
		mode : "textareas"
	});
</script>
<!-- /tinyMCE -->

当然这只是最简单的调用，之后<textarea>标签就变成富文本编辑器了。

一开始，我并没有考虑ThinkPHP项目部署针对系统安全的建议，我项目的目录类似于这样：

我把tinymce放在了index.php同级目录下，我的Tpl/News下面有add.html和edit.html俩个文件需要添加富文本编辑器。我在add.html里面引用路径为：“../tinymce/tinymce.min.js”，我浏览器直接打开这个页面，发现tinymce导入成功，通过服务器访问却失效。我顿时觉得奇怪，于是尝试性的改为“../../tinymce/tinymce.min.js”，访问成功了。之后存入数据库，文章显示也都没问题。

然后相同方法写edit.html，测试了上述两种路径，发现无论是直接浏览器打开还是服务器访问都不能成功导入tinymce。

上网搜了一下，没找到问题所在，却发现大部分人开发的时候都是把通用的css和js放在在Public文件夹里面，然后__PUBLIC__指向Public文件夹。我也建了一个，然后把tinymce扔进去了，改路径为“__PUBLIC__/tinymce/tinymce.min.js”，再次访问还是无效。

折腾半天，发现科学的文件结构是类似这样的：