怎么使用CKEDITOR

时间:2022-06-01 21:45:38

  出于工作需求,自己在网上找了个文本编辑器控件, 网址是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>