怎么使用CKEDITOR

Posted 2020-08-08 心中的阿哲

　　出于工作需求，自己在网上找了个文本编辑器控件, 网址是http://ckeditor.com/

     怎么使用？ 先插入脚本<script type="text/javascript" src="*/ckeditor.js"></script>,  然后，在自己的脚本里调用CKEDITOR.replace( ‘你的textArea的ID‘ )即可。 对， 使用思路就是 用开发者的ckeditor控件替代html的textarea。

     这个是我的例子。

    HTML部分：

      <p>
                <span class="titleGroup">发布内容：</span>
                <span class="group-adjust"><textarea id="textAreaId"></textarea></span><span class="hint-adjust hint">发布内容不能为空</span>
     </p>

    JS部分：

      <!-- 文本编辑框脚本 -->
　　<script type="text/javascript" src="../ref/ckeditor/ckeditor.js">
　　</script>

     <!-- 我的脚本 -->

     <script type="text/javascript">
           window.onload = function(){
                  CKEDITOR.replace( "textAreaId");
           }
     </script>