[27期] FCKeditor在线word编辑器安装使用方法

超、凢脫俗 2022-05-15 07:21 180阅读 0赞

前不久很荣幸给我27期战友沟通 FCKeditor这个编辑器的使用情况，在那之前我从来没有接触过这个东西，现在好了，至少我会用了。所以在这里就给大家介绍一下这个小玩意，总体来讲此物一点都不难。当然我说的是老版本，至于新版本我就不敢吹嘘了，因为新版本开始不再完全 开源，像图片等上传等插件开始收费了，我们可以 下载插件来实现，不过我不太熟。所以就不蒙骗大家了，如果您感兴趣可以自己去网上搜索，我想百度比我牛多了。不说废话了进入正题之前我已经把所有此物以及实例还有PPT以及我的源 代码还有从官方下的最新版本和老版本都已经打包放到附件里，以供大家下载使用。  
这是最新版的样式：  
**新版**  
  
这是我的案例， 源代码是压缩包里的ck， 解压后里面有详细向导教你如何去配置，在此我不多讲，大概就是  
有一个自己建的文件夹，比如ck，然后把ckeditor编辑器解压到这个文件夹里。  
再在ck里自己建个文件，比如index.php用来调用编辑器，再建一个check.php来接收index.php传输过来的值，让它显示或者插入数据等操作。 目录结构如下：  
**目录**  
  
==================================================================================  
index.php我们做如下配置和调用编辑器，就几步，简单。代码如下：

<table> 
 <tbody> 
  <tr> 
   <td> <span></span> 
    <div> 
     <ol> 
      <li>&lt;body&gt;</li> 
      <li>&lt;form action="check.php" method="post"&gt;</li> 
      <li>&lt;p&gt;</li> 
      <li>标题：&lt;input type="text" name="title"/&gt;</li> 
      <li>&lt;p&gt; </li> 
      <li>&lt;?php </li> 
      <li>//只要包含一下就OK，很简单</li> 
      <li>include("ckeditor/ckeditor.php"); </li> 
      <li> </li> 
      <li>//先实例化一下，你懂的</li> 
      <li>$ckeditor = new CKEditor(); </li> 
      <li>//这里的路径前面不要有 / ，如果你写成'/ckeditor/'那就掉不出来了 </li> 
      <li>$ckeditor-&gt;basePath = 'ckeditor/'; </li> 
      <li> </li> 
      <li>//定义宽度 默认100% ，定义高度也是这样写，只是把width改成height就OK了</li> 
      <li>$ckeditor-&gt;config['width'] = 800; </li> 
      <li>//这里是定义有哪些功能，默认就够咱用了 </li> 
      <li>//$ckeditor-&gt;config['toolbar'] = 'Basic'; </li> 
      <li>//定义输入框的大小</li> 
      <li>$ckeditor-&gt;textareaAttributes = array("colos"=&gt; 80,"rows"=&gt;10); </li> 
      <li>//输入框中默认值，随便写</li> 
      <li>$defaultValue = '学习&lt;font color="blue"&gt;CKEditor&lt;/font&gt;工具'; </li> 
      <li>//好了这里就是我们把那个编辑器给调出来了</li> 
      <li>$code = $ckeditor-&gt;editor("value",$defaultValue); </li> 
      <li>?&gt;</li> 
      <li>&lt;p&gt;</li> 
      <li>&lt;input type="submit" value="提交看结果"/&gt;</li> 
      <li>&lt;/p&gt;</li> 
      <li>&lt;/body&gt;</li> 
      <li> </li> 
      <li>&lt;/html&gt;</li> 
     </ol> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

截图效果如下：  
**index.php截图**  
  
  
实现效果如上图二  
==============================================================================  
再来看看check.php中如何获取值的，代码如下：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div></div> <br> 
    <div> 
     <ol> 
      <li>&lt;body&gt;</li> 
      <li>&lt;?php</li> 
      <li>$title = $_POST['title'];</li> 
      <li>$value = $_POST['value'];</li> 
      <li> </li> 
      <li>echo "标题：".$title."&lt;br/&gt;";</li> 
      <li>echo "内容：".$value;</li> 
      <li>?&gt;</li> 
      <li>&lt;/body&gt;</li> 
     </ol> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

输出效果如下：只要你在编辑页编辑的样式，都能输出  
**输出结果**  
  
===========================================================================  
**插入数据的操作我简写一下吧**

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div></div> <span>复制代码</span> 
    <div> 
     <ol> 
      <li>&lt;body&gt;</li> 
      <li>&lt;?php</li> 
      <li>$link = mysql_connect('localhost','root',"123456");</li> 
      <li>$db = mysql_select_db("add",$link);</li> 
      <li>mysql_query("set names 'utf8'");</li> 
      <li> </li> 
      <li>$title = $_POST['title'];</li> 
      <li>$value = $_POST['value'];</li> 
      <li> </li> 
      <li>//插入数据库</li> 
      <li>$ins = "insert into text values (null,'".$value."',null)"; </li> 
      <li>$num = mysql_query($ins,$link);</li> 
      <li> </li> 
      <li>//从数据库查询,具体查询语句哥们自己写，都会写的</li> 
      <li>//这里的id你要自己写语句取值，不再赘述，案例而已</li> 
      <li>$sql = "select * from text where id=3";</li> 
      <li>$s = mysql_query($sql);</li> 
      <li>while($assoc = mysql_fetch_assoc($s)){ </li> 
      <li>$val = $assoc['text'];</li> 
      <li>}</li> 
      <li> </li> 
      <li>?&gt;</li> 
      <li> </li> 
      <li>&lt;/body&gt;</li> 
     </ol> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-  
就是这样了。如果想从数据库查询到的数据放到编辑器里，你就把查询的值赋给变量然后在加载编辑器的时候放到默认值的那个变量里就行了。