Maison > interface Web > js tutoriel > le corps du texte

Introduction à l'éditeur de texte enrichi

一个新手
Libérer: 2017-09-23 09:45:41
original
1768 Les gens l'ont consulté


Rich Text Editor

  • Rich Text Editor, Rich TextEditor, appelé RTE, fournit des fonctions d'édition similaires à Microsoft Word. Éditeurs de texte enrichi couramment utilisés

    KindEditor http://kindeditor.net/

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

    CKEditor http:/ / ckeditor.com/

Introduire l'éditeur de texte enrichi

<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>
Copier après la connexion

Initialiser l'éditeur kindeditor

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

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

    });
});
</script>
Copier après la connexion

Entrez dans controller.js Obtenez le contenu de l'éditeur de texte

$scope.entity.goodsDesc.introduction=editor.html();
Copier après la connexion

Éditeur de texte clair

function(response){

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

Éditeur de citation

   <textarea  name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>
Copier après la connexion

Rendu

Introduction à léditeur de texte enrichi

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal