thinkphp 引入百度编辑器
2019-01-17 本文已影响0人
这真的是一个帅气的名字
下载百度编辑器
把所有的文件放入项目中,并且引入
<!--百度编辑器-->
<script type="text/javascript" charset="utf-8" src="__TEMP__/{$style}/public/js/luntan/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__TEMP__/{$style}/public/js/luntan/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__TEMP__/{$style}/public/js/luntan/ueditor/lang/zh-cn/zh-cn.js"></script>
<!--!html页面-->
<div style="width:90%;height:400px;margin:0 auto;">
<button style="display: none;" onClick="getContent()"></button>
<script id="editor" type="text/plain" style="width:100%;height:250px;margin-top:10px;"></script>
</div>
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor');
function getContent() {
var arr = [];
arr.push("使用editor.getContent()方法可以获得编辑器的内容");
arr.push("内容为:");
arr.push(UE.getEditor('editor').getContent());
alert(arr.join("\n"));
console.log(UE.getEditor('editor').getContent())
}
</script>
image.png