富文本编辑器的介绍

一个新手
Lepaskan: 2017-09-23 09:45:41
asal
1779 orang telah melayarinya


富文本编辑器

  • 富文本编辑器,Rich TextEditor, 简称 RTE, 它提供类似于 MicrosoftWord 的编辑功能。常 用的富文本编辑器

    KindEditor http://kindeditor.net/

    UEditor http://ueditor.baidu.com/website/

    CKEditor http://ckeditor.com/

引入富文本编辑器

<link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" />
<script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>
Salin selepas log masuk

初始化 kindeditor 编辑器

<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {

    editor = K.create(&#39;textarea[name="content"]&#39;, {
    allowFileManager : true

    });
});
</script>
Salin selepas log masuk

获取在controller.js 中获取文本编辑器内容

$scope.entity.goodsDesc.introduction=editor.html();
Salin selepas log masuk

清空文本编辑器

function(response){

    if(response.success){
        alert("保存成功");
        $scope.entity={};
        editor.html(&#39;&#39;);//清空富文本编辑器
        }else{
        alert(response.message);
     }
}
Salin selepas log masuk

引用编辑器

   <textarea  name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>
Salin selepas log masuk

效果图

这里写图片描述

Atas ialah kandungan terperinci 富文本编辑器的介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan