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

最新推荐文章于 2024-01-28 22:31:32 发布

whybangbang

最新推荐文章于 2024-01-28 22:31:32 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： IT 文章标签： html Html HTML javascript JavaScript Javascript javaScript php PHP Php

本文链接：https://blog.youkuaiyun.com/whybangbang/article/details/8276071

IT 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在网页中引入并使用CKEditor富文本编辑器。通过简单的步骤，包括加载CKEditor库文件、设置textarea元素和调用CKEDITOR.replace()方法，可以轻松地将普通的文本输入框转换为功能丰富的编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

这是调用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"><p>王海宇</p></textarea>
            <script>
                CKEDITOR.replace( 'editor1' );
            </script>
        </p>
        <p>
            <input type="submit">
        </p>
    </form>
<?php
    $editor_data = $_POST[ 'editor1' ];
echo $editor_data;
?>
</body>

php中是得到数据方法