drupal7 安装百度编辑器Ueditor及后续使用

参考文章:drupal7安装百度编辑器ueditor

一、下载

1.需要下载安装的模块:

    1.1.wysiwyg

    1.2.ueditor

    1.3Libraries

    下载后安装在\sites\all\modules下面,个人建议,在modules文件下下面再新建一个文件夹,专门用来放置第三方的模块。

2.需要下载的百度编辑器代码:

    百度编辑器ueditor代码

    下载完后,解压,放到目录sites\all\libraries下,并改名为ueditor

二、启用

   上面的下载完成,并放到指定目录后,进入网站的modules导航,启用wysiwyg、libraries,和ueditor。注意ueditor显示的名称为Ueditor for wysiwyg

 

 

三、设置

    启用之后,单击Ueditor for wysiwyg对应的edit按钮,设置,如图

  

 

好了,现在试试添加一个node内容:

 

但是不知道怎么在自己开发的页面中嵌入ueditor呢!!!?比如我开发了一个页面,含textarea元素,怎么让各个元素有ueditor的效果呢?找了好久没有找到解决办法呢,知道的大神希望不吝赐教,小弟在此献丑了~

 

 

----------------------------我是分隔线 2016-10-28----------------------------------------------------

三、后续使用

其实很简单,但是废了黑多周折才弄明白了怎么配置,一句代码就搞定,改改'#type'就行

   $form['introduce']=array(
//          '#type' => 'textarea',
        '#type' => 'text_format', //就这一句就搞定,就把文本编辑器潜入进来了
        '#title' => '内容',
        '#required' => TRUE,
        '#cols'=>10,
        '#rows'=>20,
       '#default_value'=> $str_introduce,
        '#description' => t("该文本用于介绍网站."),   
    );

 ,此外保存时,取值时需要多加一层['value'],取到文本编辑器的值,例如$form_state['values']['introduce']['value']。

可参考文件block.module的两个函数:  block_custom_block_form , block_custom_block_save

 效果:

好了搞定了,需要的小伙伴赶紧拿去用吧~不谢,觉得有用的就点个推荐吧~哈哈~

------------------------------------------------我是华丽的分割线 2016-11-03-----------------------------------------

对了,后期又发现一个问题,就是图片“左对齐”的效果总是保存不了,后来研究了一番(瞎猫碰上死耗子),在sites/all/libraries/ueditor文件夹下的ueditor.config.js中的221行有一个style,原本是被注释掉的:

去掉这个注释即可。

原理是,所谓的左对齐即使就是加了一个style="float: left;"的属性,保存时,把这个属性给过滤了,所以后台取不到这个属性自然没法保存成左对齐的效果了,去掉注释就不会过滤了,问题迎刃而解~

 

posted @ 2016-10-25 15:14  jiafeng  阅读(944)  评论(0编辑  收藏  举报