您的位置：首页 > 编程技术 > html  >  CKEditor网页编辑器实例中文解析

CKEditor网页编辑器实例中文解析

 更新时间：2016年9月20日 19:00  点击：1372

编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页，请查看“_samples”目录。访问如下的地址进行测试：
http://<你的网站域名>/<CKEditor 安装路径>/_samples/index.html
例如：
http://www.111cn.net/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中，在这里介绍最常用的实现方法。
第一步：载入CKEditor
CKEditor 是一个JavaScript 应用程序，你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录，你可参照如下示例：
复制代码 代码如下:
<head>
...
<script type="text/javascript教程" src="/ckeditor/ckeditor.js"></script>
</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="/ckeditor/ckeditor.js"></script>
</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>

 

phpMyAdmin 备份网站数据方法教程

以下是使用php教程MyAdmin备份WordPress数据库教程的简单版本，前提是你已经找到如何登录登录phpMyAdmin，然后只要跟着下面的说明就好了。

先在phpMyAdmin面板里选择数据库

 

你也许有好几个数据库，选择安装WordPress时创建的那个。

 

下图显示的表都是默认创建的，如果你装了统计和反垃圾插件，你也许会看到更多的数据表。

 

  1. 只勾选包含WordPress站点的数据表
  2. 勾选"Add DROP TABLE"
  3. 勾选"Complete inserts"
  4. 勾选"Save as File"
  5. 压缩那项勾选"None"，如果你的数据库很大，那么选择一种压缩方式。
  6. 点Go，然后数据就会保存到你的电脑中。

把这些文件保存到一个安全的地方 !

 

二者没有多大的区别，特别是在前段，后段把以前apache .php?id=$1在iis改成了php\\?id=$1[N,I]写法。

apache+php教程 伪静态写法与iis+php 伪静态区别

这是apache+php  伪静态配置方法

RewriteRule /newhouse/m-(d+).html$  /newhouse/model.php?id=$1
RewriteRule /newhouse/p2-(d+).html$  /newhouse/pic2.php?id=$1

iis+php 伪静态配置方法

RewriteRule /newhouse/m-(d+).html  /newhouse/model.php?id=$1[N,I]

RewriteRule /newhouse/p2-(d+).html  /newhouse/pic2.php?id=$1[N,I]


本站原创文章转载注明 www.111cn.net

js 检测判断fckeditor是否为空
<!-- 用一般的js是不可能获取 fck 编辑器内容的是否有值的，我们得用

FCKeditorAPI接口来实例-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 检测判断fckeditor是否为空</title>
<script language="javascript教程">
function checkForm(formDom){  
 var Content =FCKeditorAPI.GetInstance

(".net教程").GetXHTML">www.111cn.net").GetXHTML();  
 if(Content==null||Content==""){  
  alert('内容不能为空');  
  return false;   
 }
}
</script>
</head>

<body>
<div style="width:100%;">
<form>
<input type="hidden" id="www.111cn.net" name="www.111cn.net" value="<!

--{$dataInfo.house_desc|htmlspecialchars}-->" /><input type="hidden"

id="house_desc___Config" value="FullPage=false"/><iframe

id="house_desc___Frame" src="/FCKeditor/editor/fckeditor.html?

InstanceName=house_desc&amp;Toolbar=Basic" width="100%" height="220"

frameborder="no" scrolling="no"></iframe>
<input name="" type="submit" value="提交"  onclick="return checkForm

();" />
</form></div>
</body>
</html>
本站原创www.111cn.net

FCKeditor 如何清除内容代码呢，

这种方法很简单哦我们用fck来内容哦，经常在做判断fck 是否有内容时,js都取不到内容，

下面我们来看利用FCKeditorAPI.GetInstance自动的功能来处理吧。

下面来看看方法很简单哦。


var editor = FCKeditorAPI.GetInstance("content");
editor.EditorDocument.body.innerHTML="";

哈哈，就几句吧。

[!--infotagslink--]

相关文章

  • js URLdecode()与urlencode方法支持中文解码

    下面来介绍在js中来利用urlencode对中文编码与接受到数据后利用URLdecode()对编码进行解码，有需要学习的机友可参考参考。 代码如下 复制代码 ...2016-09-20

  • 关于Mysql中文乱码问题该如何解决(乱码问题完美解决方案)

    最近两天做项目总是被乱码问题困扰着，这不刚把mysql中文乱码问题解决了，下面小编把我的解决方案分享给大家，供大家参考，也方便以后自己查阅。首先：用show variables like “%colla%”；show varables like “%char%”；这两条...2015-11-24

  • C#读取中文文件出现乱码的解决方法

    这篇文章主要介绍了C#读取中文文件出现乱码的解决方法,涉及C#中文编码的操作技巧,非常具有实用价值,需要的朋友可以参考下...2020-06-25

  • Mysql在debian系统中不能插入中文的终极解决方案

    在debian环境下，彻底解决mysql无法插入和显示中文的问题Linux下Mysql插入中文显示乱码解决方案mysql -uroot -p 回车输入密码进入mysql查看状态如下：默认的是客户端和服务器都用了latin1，所以会乱码。解决方案:mysql>use...2013-10-04

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • linux mint 下mysql中文支持问题

    一.mysql默认不支持中文,它的server和db默认是latin1编码.所以我们要将其改变为utf-8编码,因为utf-8包含了地球上大部分语言的二进制编码 1.关闭mysql服务 sudo /etc/init.d/mysql stop 2.修改mysql配置文件 mysql配...2015-10-21

  • Windows服务器MySQL中文乱码的解决方法

    我们自己鼓捣mysql时，总免不了会遇到这个问题：插入中文字符出现乱码，虽然这是运维先给配好的环境，但是在自己机子上玩的时候咧，总得知道个一二吧，不然以后如何优雅的吹牛B。...2015-03-15

  • php怎么用拼音 简单的php中文转拼音的实现代码

    小编分享了一段简单的php中文转拼音的实现代码，代码简单易懂，适合初学php的同学参考学习。 代码如下 复制代码 <?phpfunction Pinyin($_String...2017-07-06

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • Java连接数据库oracle中文乱码解决方案

    这篇文章主要介绍了Java连接数据库oracle中文乱码解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-16

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • FlashFXP连接站点中文显示乱码解决办法

    FlashFXP是一款常用的服务器客户连接软件了，我们可以通过FlashFXP来上传或下载文件，但有一些朋友使用FlashFXP时碰到中文目录或文件名乱码问题，那么要如何来解决呢？具体就...2016-10-10

  • php中把unicode编码转化为中文

    小编在网上看到最多的就是汉字转换unicode编码了，今天我们看到一个反过来的操作就是把unicode转换成中文了，下面一起来看看 这两天帮别人开发微信平台好友板块，存...2016-11-25

  • php 判断是否是中文/英文/数字示例代码

    复制代码 代码如下: $str='asb天水市12'; if (preg_match("/^[/x7f-/xff]+$/", $str)){ echo '全部是汉字'; }else { echo '不全是汉字'; } /** PHP自带的判断是否是中文， eregi('[^/x00-/x7F]', $str ) //中文 ereg...2013-10-04

  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • php中文转换成拼音代码

    <?php教程 function cn2pinyin($_string, $_code='gb2312') { $_datakey = "a|ai|an|ang|ao|ba|bai|ban|bang|bao|bei|ben|beng|bi|bian|biao|bie|bin|bing|b...2016-11-25

  • three.js显示中文字体与tween应用详析

    这篇文章主要给大家介绍了关于three.js显示中文字体与tween应用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-01-04

  • JavaScript过滤字符串中的中文与空格方法汇总

    这篇文章主要介绍了JavaScript过滤字符串中的中文与空格方法汇总 的相关资料,需要的朋友可以参考下...2016-03-09

  • php 根据啊拉伯数字转变成大写中文数字

    // 原是是根据用户输入的数字判断再转换成想要的大写数字，如果我们先把大小写存在一个数组，再判断进行转换就OK了。 $data = $_POST['rmb']; if (!ereg("^[0-9.]",$dat...2016-11-25