ThinkPHP

thinkphp 引入百度编辑器

2019-01-17  本文已影响0人  这真的是一个帅气的名字

下载百度编辑器
把所有的文件放入项目中,并且引入

image.png

<!--百度编辑器-->
<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
上一篇下一篇

猜你喜欢

热点阅读