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还有相关的方法调用:
- simditor.setValue (val String ) //以html渲染方式设置simditor的内容
- getValue() // return value: String得到simditor的内容
- ….等等一共没有超过10个
simditor官网:http://simditor.tower.im/