>  기사  >  웹 프론트엔드  >  서식 있는 텍스트 편집기 소개

서식 있는 텍스트 편집기 소개

一个新手
一个新手원래의
2017-09-23 09:45:411742검색


Rich Text Editor

  • RTE라고도 불리는 Rich Text Editor는 Microsoft Word와 유사한 편집 기능을 제공합니다. 일반적으로 사용되는 리치 텍스트 편집기

    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>

kindeditor 편집기 초기화

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

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

    });
});
</script>

controller.js에서 텍스트 편집기 콘텐츠 가져오기

$scope.entity.goodsDesc.introduction=editor.html();

텍스트 편집기 지우기

function(response){

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

Quote editor

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

Rendering

서식 있는 텍스트 편집기 소개

위 내용은 서식 있는 텍스트 편집기 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.