关于常用的网页富文本编辑器

目标了解的为UEditor和CKEditor

——————————————————————————————————————————————————————————————

UEditor的使用方法为：

加载必须的JS：

<!--UEditor文本编辑器start-->
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="~/Content/Scripts/UEditor/lang/zh-cn/zh-cn.js"></script>
<!--UEditor文本编辑器end-->

调用时：

<textarea id="Contents" name="Contents" class="txtArea" rows="6"></textarea>
                <script type="text/javascript">
                    UE.getEditor('Contents', { initialFrameWidth: null });
                </script>

在原有的textarea底部增加JS语句即可（方法很多，其它的也是添加JS语法）

取值时可以看Demo，其中一个JS取值方法为：

UE.getEditor('Contents').getContent();

——————————————————————————————————————————————————————————————————

CKEditor的使用方法：

必须的JS：

<!--ck文本编辑器start-->
    <script src="~/Content/Scripts/ckeditor/ckeditor.js"></script>
    <!--ck文本编辑器end-->

调用时：

<textarea id="Contents" name="Contents" class="txtArea" rows="6"></textarea>
                <script type="text/javascript">
                    CKEDITOR.replace('Contents');
                </script>

取值时：

CKEDITOR.instances.CKEditor1.document.getBody().getText();