>  기사  >  백엔드 개발  >  PHP KindEditor를 사용하는 방법

PHP KindEditor를 사용하는 방법

PHPz
PHPz원래의
2020-09-25 15:47:542332검색

php kindeditor 사용 방법: 먼저 kindeditor를 다운로드하여 프로젝트로 추출한 다음 불필요한 폴더를 삭제하고 마지막으로 kindeditor 서식 있는 텍스트 편집기를 초기화하세요.

PHP KindEditor를 사용하는 방법

추천: "PHP Video Tutorial"

  1. kindeditor 다운로드
    공식 웹사이트(http://kindeditor.net/down)에서 다운로드할 수 있습니다. php), 하지만 Climb the wall이 필요합니다. 또는 CSDN http://download.csdn.net/download/dknightl/9813052

  2. 을 직접 다운로드하여 압축을 풀고 자신의 프로젝트에 넣으세요
    압축을 푼 후 불필요한 항목을 삭제할 수 있습니다. 폴더를 삭제했습니다. asp, asp.net, jsp, php, examples는 코드 참조를 위해 다른 위치에 배치할 수 있습니다.
    PHP KindEditor를 사용하는 방법

  3. kindeditor 서식 있는 텍스트 편집기 초기화


  • 먼저 다음 CSS 및 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>
  • 그런 다음 초기화합니다(텍스트 영역은 서식 있는 텍스트 편집기 테마, 스크립트 코드 초기화입니다).

<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>

PHP KindEditor를 사용하는 방법

//默认模式        <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]
  1. 콘텐츠 획득 등의 방법은 API를 참고해주세요
    http://kindeditor.net/doc.php

위 내용은 PHP KindEditor를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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