Comment utiliser l'éditeur php-Problème PHP-php.cn

Comment utiliser php kindeditor : Téléchargez d'abord kindeditor et extrayez-le dans le projet ; puis supprimez les dossiers inutiles et enfin initialisez l'éditeur de texte riche kindeditor ;

Comment utiliser l'éditeur php

Recommandé : "Tutoriel vidéo PHP"

Télécharger kindeditor
Vous pouvez choisir de le télécharger depuis le site officiel (http://kindeditor.net/down.php), mais vous devez contourner le mur ; ou directement CSDN http://download .csdn.net/download/dknightl/9813052
Après le téléchargement et la décompression, mettez-le dans votre propre projet
Après la décompression, vous pouvez supprimer les dossiers inutiles. Je les ai supprimés asp, asp.net, jsp, php, exemples peuvent. être placé ailleurs et utilisé comme code de référence.
Initialiser l'éditeur de texte enrichi kindeditor

Importez d'abord le CSS suivant et js

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

puis initialisé (textarea est un thème d'éditeur de texte enrichi, initialisation du code de script)

<textarea id="mul_input" name="content" style="width:700px;height:200px;visibility:hidden;display: block;">KindEditor</textarea>
 
<script>
    //简单模式初始化
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create(&#39;textarea[name="content"]&#39;, {
            resizeType : 1,
            allowPreviewEmoticons : false,
            allowImageUpload : false,
            items : [                    &#39;fontname&#39;, &#39;fontsize&#39;, &#39;|&#39;, &#39;forecolor&#39;, &#39;hilitecolor&#39;, &#39;bold&#39;, &#39;italic&#39;, &#39;underline&#39;,                    &#39;removeformat&#39;, &#39;|&#39;, &#39;justifyleft&#39;, &#39;justifycenter&#39;, &#39;justifyright&#39;, &#39;insertorderedlist&#39;,                    &#39;insertunorderedlist&#39;, &#39;|&#39;, &#39;emoticons&#39;, &#39;image&#39;, &#39;link&#39;]
        });
    });    </script>

Comment utiliser léditeur php

//默认模式        <script>
        var editor;
        KindEditor.ready(function(K) {
            editor = K.create(&#39;textarea[name="content"]&#39;, {
                allowFileManager : true
            });
            K(&#39;input[name=getHtml]&#39;).click(function(e) {
                alert(editor.html());
            });
            K(&#39;input[name=isEmpty]&#39;).click(function(e) {
                alert(editor.isEmpty());
            });
            K(&#39;input[name=getText]&#39;).click(function(e) {
                alert(editor.text());
            });
            K(&#39;input[name=selectedHtml]&#39;).click(function(e) {
                alert(editor.selectedHtml());
            });
            K(&#39;input[name=setHtml]&#39;).click(function(e) {
                editor.html(&#39;<h3>Hello KindEditor</h3>&#39;);
            });
            K(&#39;input[name=setText]&#39;).click(function(e) {
                editor.text(&#39;<h3>Hello KindEditor</h3>&#39;);
            });
            K(&#39;input[name=insertHtml]&#39;).click(function(e) {
                editor.insertHtml(&#39;<strong>插入HTML</strong>&#39;);
            });
            K(&#39;input[name=appendHtml]&#39;).click(function(e) {
                editor.appendHtml(&#39;<strong>添加HTML</strong>&#39;);
            });
            K(&#39;input[name=clear]&#39;).click(function(e) {
                editor.html(&#39;&#39;);
            });
        });        </script>
</head>
<body>
    <h3>默认模式</h3>
    <form style="margin: 0;">
        <textarea name="content" style="width:800px;height:400px;visibility:hidden;display: block;">KindEditor</textarea>
        <p>
            <input type="button" name="getHtml" value="取得HTML" />
            <input type="button" name="isEmpty" value="判断是否为空" />
            <input type="button" name="getText" value="取得文本(包含img,embed)" />
            <input type="button" name="selectedHtml" value="取得选中HTML" />
            <br />
            <br />
            <input type="button" name="setHtml" value="设置HTML" />
            <input type="button" name="setText" value="设置文本" />
            <input type="button" name="insertHtml" value="插入HTML" />
            <input type="button" name="appendHtml" value="添加HTML" />
            <input type="button" name="clear" value="清空内容" />
            <input type="reset" name="reset" value="Reset" />
        </p>
    </form>
</body>[object Object]

Pour les méthodes telles que l'obtention de contenu, veuillez vous référer à l'API
http://kindeditor.net/doc.php

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!

Comment utiliser l'éditeur php

Articles Liés