thinkphp整合simditor

php整合simditor,官方文档和产品本身一样很简洁;thinkphp后台整合

项目使用thinkphp,引入simditor和官方文档说明一样:

①在你的编辑页面引入如下代码:

其中[style path]是simditor/styles目录,[script path]是simditor/scripts目录

<link rel=”stylesheet” type=”text/css” href=”[style path]/simditor.css” />

<script type=”text/javascript” src=”[script path]/jquery.min.js”></script>
<!–注意引入的次序–>
<script type=”text/javascript” src=”[script path]/module.js”></script>
<script type=”text/javascript” src=”[script path]/hotkeys.js”></script>
<script type=”text/javascript” src=”[script path]/uploader.js”></script>
<script type=”text/javascript” src=”[script path]/simditor.js”></script>

simditor是基于jQuery和module.js。
hotkeys.js是用来绑定热键,可以根据需求不引入。
uploader.js是上传文件相关。如果你不用想上传功能,你就不需要引入。

②在你的textarea部分写上id=”xxx”保证和js中的一样

<textarea id=”editor” placeholder=”Balabala” autofocus></textarea>

③js中写上初始化simditor代码

var editor = new Simditor({
textarea: $(‘#editor’)
//optional options配置项
});

这里的#editor必须和textarea中的id一样。

这样就搞定了!

php端:

thinkphp默认有一个过滤器,会将所有的输入通过htmlspecialchars()函数过滤转义;

所以将其关闭:在相应的模块config.php中配置

'DEFAULT_FILTER'  =>'',

写在最后:

当然simditor还有相关的方法调用:

  1. simditor.setValue (val String ) //以html渲染方式设置simditor的内容
  2. getValue() // return value: String得到simditor的内容
  3. ….等等一共没有超过10个

 

simditor官网:http://simditor.tower.im/

 

Author: thinkwei

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注