圆月山庄资源网 Design By www.vgjia.com
安装
安装CKEditor是一件容易的工作，只需要按照下面的简单步骤就可以完成。
1.从我们的网站https://www.jb51.net/codes/21295.html上下载CKEditor的最新版本。
2.将下载的文件解压到你网站目录下的“ckeditor”文件夹里。
注意：你也可以将这些文件放在你网站的任何一个地方，默认为“ckeditor”。
测试你的安装
编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页，请查看“_samples”目录。访问如下的地址进行测试：
http://<你的网站域名>/<CKEditor 安装路径>/_samples/index.html
例如：
http://www.example.com/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中，在这里介绍最常用的实现方法。
第一步：载入CKEditor
CKEditor 是一个JavaScript 应用程序，你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录，你可参照如下示例：
复制代码 代码如下:
<head>
...
<script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"></head>
用以上方式加载，CKEditor JavaScript API 就准备就绪，可以使用了。
第二步：创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域（textarea）一样工作，它提供了一个简单易写的用户界面、版式和丰富的文字输入区域，但用文本区域要实现同样的效果，并不容易，它需要用户输入html代码。
但是，实际上，CKEditor仍然是使用一个文本区域来传递它的数据到服务器上，这个文本区域对使用者来说是不可见的，所以，你必需创建并编辑一个实例,首先创建一个实例：
<textarea name="editor1"><p>Initial value.</p></textarea>
注意，如果你想要加载一些数据到编辑器中，例如从数据库中读出数据，只需要把数据放在文本区域（textarea）内就可以了，就像上面的例子一样。在这个例子中，我们已经将文本区域（textarea）命名这“editor1”.当接收POST提交的数据时，这个名字将被用在服务器操作。现在，开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换（replace）”这个普通的文本区域（textarea），为此一段JavaScript命令是必须的：
复制代码 代码如下:
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
上面的脚本块只能包含在网页的<textarea>标签之后。也可以在<head>标签内运行这个替换过程，但是在这种情况下你需要对“window.onload”事件进行监听：
复制代码 代码如下:
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>
第三步：保存编辑器内容数据
按照先前的描述，编辑器正如一个文本区域（textarea）一样工作，所以，当提交一个包含一个编辑器实例的表单时，他的数据也将是很简单的传递，用文本区域（textarea）的名称作为健名来接收数据。举个例子，按照上面的例子，在PHP中我们需要像这样来处理数据：
复制代码 代码如下:
<?php
$editor_data = $_POST[ 'editor1' ];
?>
客户端数据处理
一些用应中（如ajax应用）需要在客户端处理完所有的数据，然后用它自己的方式向服务器发送数据，在这些情况下，使用CKEditor API就足以轻松获取编辑器实例中的内容。例 如：
复制代码 代码如下:
<script type="text/javascript">
var editor_data = CKEDITOR.instances.editor1.getData();
</script>
完整例子
复制代码 代码如下:
<html>
<head>
<title>Sample - CKEditor</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"></head>
<body>
<form method="post">
<p>
My Editor:<br />
<textarea name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>
安装CKEditor是一件容易的工作，只需要按照下面的简单步骤就可以完成。
1.从我们的网站https://www.jb51.net/codes/21295.html上下载CKEditor的最新版本。
2.将下载的文件解压到你网站目录下的“ckeditor”文件夹里。
注意：你也可以将这些文件放在你网站的任何一个地方，默认为“ckeditor”。
测试你的安装
编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页，请查看“_samples”目录。访问如下的地址进行测试：
http://<你的网站域名>/<CKEditor 安装路径>/_samples/index.html
例如：
http://www.example.com/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中，在这里介绍最常用的实现方法。
第一步：载入CKEditor
CKEditor 是一个JavaScript 应用程序，你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录，你可参照如下示例：
复制代码 代码如下:
<head>
...
<script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"></head>
用以上方式加载，CKEditor JavaScript API 就准备就绪，可以使用了。
第二步：创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域（textarea）一样工作，它提供了一个简单易写的用户界面、版式和丰富的文字输入区域，但用文本区域要实现同样的效果，并不容易，它需要用户输入html代码。
但是，实际上，CKEditor仍然是使用一个文本区域来传递它的数据到服务器上，这个文本区域对使用者来说是不可见的，所以，你必需创建并编辑一个实例,首先创建一个实例：
<textarea name="editor1"><p>Initial value.</p></textarea>
注意，如果你想要加载一些数据到编辑器中，例如从数据库中读出数据，只需要把数据放在文本区域（textarea）内就可以了，就像上面的例子一样。在这个例子中，我们已经将文本区域（textarea）命名这“editor1”.当接收POST提交的数据时，这个名字将被用在服务器操作。现在，开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换（replace）”这个普通的文本区域（textarea），为此一段JavaScript命令是必须的：
复制代码 代码如下:
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
上面的脚本块只能包含在网页的<textarea>标签之后。也可以在<head>标签内运行这个替换过程，但是在这种情况下你需要对“window.onload”事件进行监听：
复制代码 代码如下:
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>
第三步：保存编辑器内容数据
按照先前的描述，编辑器正如一个文本区域（textarea）一样工作，所以，当提交一个包含一个编辑器实例的表单时，他的数据也将是很简单的传递，用文本区域（textarea）的名称作为健名来接收数据。举个例子，按照上面的例子，在PHP中我们需要像这样来处理数据：
复制代码 代码如下:
<?php
$editor_data = $_POST[ 'editor1' ];
?>
客户端数据处理
一些用应中（如ajax应用）需要在客户端处理完所有的数据，然后用它自己的方式向服务器发送数据，在这些情况下，使用CKEditor API就足以轻松获取编辑器实例中的内容。例 如：
复制代码 代码如下:
<script type="text/javascript">
var editor_data = CKEDITOR.instances.editor1.getData();
</script>
完整例子
复制代码 代码如下:
<html>
<head>
<title>Sample - CKEditor</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/ckeditor.js"></head>
<body>
<form method="post">
<p>
My Editor:<br />
<textarea name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>
标签：
CKEditor
圆月山庄资源网 Design By www.vgjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
圆月山庄资源网 Design By www.vgjia.com
暂无评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年12月22日
2024年12月22日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]