CKEditor 4使用方法,来自http://docs.ckeditor.com/#!/guide/dev_ckeditor_js_load官网地址

来源:互联网 发布:淘宝韩版女装店铺推荐 编辑:程序博客网 时间:2024/06/05 21:15

CKEditor是一个javascript应用,要去加载它,需要在你们页面加一段引用,如果你已经在你的web根目录安装了CKEditor,你需要插入以下的代码在你的页面<head>标签之间

<script src="/ckeditor/ckeditor.js"></script>

然后,我们使用常用的方法来使用此编辑器,

其实CKEditor就是个textarea,所以我们完全可以把CKEditor当textarea使用,,所以代码中得有这么一句<textarea name="editor1">&lt;p&gt;why&lt;/p&gt;</textarea>,why就是插入可编辑文本器的内容,但是我们必须让它是CKEditor啊,所以加下面那句

<script>
                CKEDITOR.replace( 'editor1' );
            </script>

这是调用CKEditor的api,完了放表单里加一个submit就ok了,完全例子如下:

<html>
<head>
    <title>CKEditor Sample</title>
    <script src="/ckeditor/ckeditor.js"></script>
</head>
<body>
    <form method="post">
        <p>
            
            <textarea name="editor1">&lt;p&gt;王海宇&lt;/p&gt;</textarea>
            <script>
                CKEDITOR.replace( 'editor1' );
            </script>
        </p>
        <p>
            <input type="submit">
        </p>
    </form>
<?php
    $editor_data = $_POST[ 'editor1' ];
echo $editor_data;
?>
</body>

php中是得到数据方法