注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

雨中牧笛声

在我心中你们都不是尖子生,但你们都有可能成为尖子生

 
 
 

日志

 
 

你知道cms(内容管理系统)一个非常重要的部件是什么?  

2015-08-27 17:10:55|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

作者:admin 来源:阳泉靠实网络工作室 发表时间:2015-08-27 

对于cms(content manage system)来说,一个好的web在线编辑器有着非常重要的作用,所以网站建设中web在线编辑器很重要。阳泉靠实网络工作室(www.mykaoshi.cn)的程序在2.8以前用是ewebeditor,这款在线编辑器很也不错,特别是在文本格式方面有这比较强大的功能,在上传组件方面也有些可圈可点的功能。可惜和iE10及以上的兼容性总是不很稳定,还有是不支持二次开发。这样让客户使用起来特别方便得来回切换浏览器的版本,我们在程序设计的时候有很多问题。所以接下来就是找款好用且功能强大的在线编辑器再一次看技术博客的时候,发现了百度在线编辑器的使用方法看见非常不错,特别具有二次开发的功能,这样对于我们以后的程序设计有很大帮助。

接下来我们就来说说怎么使用百度在线编辑器的方法。

首先是下载编辑器部署到web服务器上面,一般是以名称为ueditor的文件。在这里要注意下载和你程序相对应的版本,这样才会在以后上传图片,上传视频不会出问题。
其次是在要放在线编辑器的页面上部署一下两行代码:

<script type="text/javascript" src="ueditor.config.js"></script>

<script type="text/javascript" src="ueditor.all.js"></script>

这里要注意路径要和你的文件相对应,采用的是相对路径形势。

然后加上调用代码

    <script type="text/javascript">
           var ue = UE.getEditor('container');
          </script>

 这里要注意的是‘container’是你调用在线编辑器的名称,比如你要调用控件   

<textarea name="Content" id="Content"></textarea>,那么你就需要把container替换成content。

接下来是添加控件代码有两种方式:

一种:js代码:

  <script id="container" name="content" type="text/plain">
        这里写你的初始化内容
         </script>

  另一种:html代码

 <textarea name="Content" id="Content"></textarea>

这个两种都可以选择,选哪种要和你及代码的情况相联系。

接下来是关键,我们查看了很多文章,都没有介绍接下来改怎么做,所以有兴趣的人一定看看接下来的东西:那就是在表单提交的时候要选用js代码将在线编辑器的内容赋值给表单。

最简单的是

 frm.Content.value = ue.getContent();

这就是使用百度在线编辑器的方法,方法简单,但功能却很强大。

  评论这张
 
阅读(19)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017