设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
开启辅助访问 切换到窄版
搜索
热搜: 活动 交友 discuz
返回列表 发新帖
查看: 2140|回复: 3
打印 上一主题 下一主题

[其他(待整理)] wecenter3.0.2添加百度ueditor编辑器的方法。ueditor和markdown共存...

[复制链接]
vingoo
跳转到指定楼层
楼主
发表于 2015-4-14 01:43:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
首先你要有一个wecenter3.0.2
其他版本没有测试，我是基于这个版本进行的操作。
在开始之前，你还要下载一个百度的富文本编辑器ueditor。
这里假设你已经下载ueditor并且放在/static/ueditor/当中
下面是操作的开始
wecenter升级修改文件：
1//views/default/admin/settings.tpl.htm//目的是在后台增加切换ueditor功能
616行
  1. <label class="col-md-offset-1"><input type="radio" name="advanced_editor_enable" value="N"<?php if ($this->setting['advanced_editor_enable'] != 'Y') { ?> checked="checked"<?php } ?> /> <?php _e('纯文本编辑器'); ?></label>
复制代码


修改成
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;"><label class="col-md-offset-1"><input type="radio" name="advanced_editor_enable" value="ueditor"<?php if ($this->setting['advanced_editor_enable'] == 'ueditor') { ?> checked="checked"<?php } ?> /> <?php _e('Ueditor编辑器'); ?></label></span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;"><label class="col-md-offset-1"><input type="radio" name="advanced_editor_enable" value="N"<?php if ($this->setting['advanced_editor_enable'] == 'N') { ?> checked="checked"<?php } ?> /> <?php _e('纯文本编辑器'); ?></label></span>
复制代码



2//system/functions.app.php//增加ueditor的静态文件的引入
256行
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">function import_editor_static_files()</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('js/editor/Markdown.Converter.js');</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('js/editor/Markdown.Sanitizer.js');</span>
  5. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('js/editor/Markdown.Editor.js');</span>
  6. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


在这个函数}后面增加
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">function import_ueditor_static_files()</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('ueditor/ueditor.config.js');</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('ueditor/ueditor.all.min.js');</span>
  5. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">TPL::import_js('ueditor/lang/zh-cn/zh-cn.js');</span>
  6. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码



3//app/publish/main.php//更改切换ueditor后调用ueditor
106行
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'Y')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_editor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


这个判断的}后面增加
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'ueditor')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_ueditor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


182行
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'Y')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_editor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享淘帖
回复

使用道具 举报

vingoo
沙发
 楼主| 发表于 2015-4-14 01:43:41 | 只看该作者
这个判断的}后面增加
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'ueditor')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_ueditor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


4//static/css/default/common.css//增加ueditor的样式
1051行，增加
.ueditor{height:440px;padding:0px;}
5//static/js/app.jsueditor编辑器的初始化
14行
//编辑器初始化
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (typeof Markdown != 'undefined' && $('#wmd-input').length)</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">var converter1 = new Markdown.Converter();</span>

  5. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">var editor1 = new Markdown.Editor(converter1, $('.wmd-panel'), $('#wmd-preview'));</span>

  7. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">editor1.run();</span>

  9. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">AWS.Editor.set_editor_preview();</span>

  11. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


在判断的}后面增加
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (typeof UE != 'undefined' && $('#wmd-input').length)</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">var ue = UE.getEditor('wmd-input');</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">$('#wmd-input').removeClass('autosize');</span>
  5. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">$('#wmd-input').addClass('ueditor');</span>
  6. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


6//app/question/main.php//更改切换ueditor后调用ueditor
377行
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'Y')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_editor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


这个判断的}后面增加
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if (get_setting('advanced_editor_enable') == 'ueditor')</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">import_ueditor_static_files();</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


7//system/class/cls_format.inc.php//更改ueditor语法的解析
83行
  1. return load_class('Services_Markdown')->transform($text);
复制代码


改成
  1. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">if(preg_match("/^&lt;p&gt;/",$text,$match))</span>
  2. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">{</span>
  3. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">return htmlspecialchars_decode($text);</span>
  4. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}else{</span>
  5. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">return load_class('Services_Markdown')->transform($text);</span>
  6. <span style="color: rgb(102, 102, 102); font-family: 'Helvetica Neue', STHeiti, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 25.2000007629395px;">}</span>
复制代码


回复 支持 反对

使用道具 举报

vingoo
板凳
 楼主| 发表于 2015-4-14 02:06:32 | 只看该作者
本帖最后由 vingoo 于 2015-4-14 02:07 编辑

WeCenter二次开发教程(一)：熟悉模板结构
<1>程序文件目录介绍：

> app – 应用目录
models – 模型目录
plugins – 插件目录
static – 静态文件
system – 系统目录
views – 模板目录

我们简单的页面二次开发主要还是关注static和views这两个文件。 下面在介绍一下这个文件里面对应的目录功能,static里面文件分别是：
admin: 后台控制面板的css,js,图片这些文件；
common: 网站公用的图片，比如社区默认的头像图片；
css: 主要介绍css/default里的css文件功能，link.css – 全站字体颜色；common.css – 模板主css文件；login.css – 登录页面css register.css – 注册页面css user-setting.css – 用户设置页面css user.css – 用户主页css
js: 模板的js文件，包含一些公用的js文件以及一些控制对应功能的js文件，其中app文件里面就是包含的控制模板对应功能的js文件，mobile.js是手机版的Js文件;aw_template.js – 页面通用模板文件,如弹窗模板; function.js – 全站基本功能函数; app.js – 页面加载时调用的js; /editor – 编辑器js; /plug_module/plug-in_module.js – 全站基础框架js,内涵jQuery,bootstrap,附件上传,Hogan模板引擎。
接下来再看看views文件对应的内容：
其实views就是放对应的模板文件的，程序自带两个模板--默认的default和黑色的classblack,其中大家可能会发现classblack文件内容为空，这里你要了解下wecenter的模板继承机制，wecenter系统的 default 为主模板, 用户的自定义模板只需要更改很少的文件即可实现程序界面的定制。具体如下:

[url=http://wenda.wecenter.com/uploads/article/20140703/b6055406d8eb1780e911da282371ff42.jpg][/url]


<2>再说一下如何创建新模板：

1. 在 views 下面建立模板目录。如果你不想对模板结构做调整的话，里面可以不放内容，如果你想调整程序的结构布局这些东西，你需要从default里把对应的文件拷贝过来放新的模板文件里然后在进行二次修改开发，不建议直接在default里修改。 下为default模板(views/default)里对应的文件功能：
{{{
/account – 账户相关模板,如登录,注册等
/admin – 后台
/article
/block – 通用模块
/config – 配置分页样式
/favorite – 我的收藏
/feature – 专题
/global – 全局通用模块,如头部,底部
/home – 首页,发现页
/inbox – 私信
/install – 安装
/invitation – 邀请好友
/m – 移动版本模板
/migrate – 安装上传目录设置
/notifications – 通知
/people – 个人页面
/publish – 发起
/question – 问题
/reader – 阅读器
/search – 搜索
/topic – 话题
}}}
注意 : 目录下ajax目录下模板为数据模板

2. 在 static/css/ 下建立与模板相同的目录(文件名字要相同，都取你的模板名字为文件名称), 然后在里面开始创建css文件，同样的css文件名也要是你的模板名，这里我们不建议直接修改默认模板的css文件，因为会继承默认common.css里的属性的，所以只需要把你需要改动的css地方全部写在你新建的css文件里.

<3> 介绍页面的基本结构：

页面一般都由头部，中间内容，底部，侧边栏组成。其中头部和底部包括一些侧边栏是通用的，都是通过调用模块来实现的：
> 头部调用 :
底部调用 :
侧边栏调用 :


  1. <div><font color="#002000">{{{</font></div><div><font color="#002000"><div class="container"></font></div><div><font color="#002000"><div class="row"> </font></div><div><font color="#002000"><div class="col-md-12 col-sm-12"></font></div><div><font color="#002000">
  2. </font></div><div><font color="#002000"></div></font></div><div><font color="#002000"></div></font></div><div><font color="#002000"></div></font></div><div><font color="#002000">}}}</font></div>
复制代码


到了内容里面具体的代码结构，我们采用的是如下图这种模块结构：

  1. <div><font color="#002000">{{{</font></div><div><font color="#002000"><div class="aw-mod"></font></div><div><font color="#002000"><div class="aw-mod-head"></font></div><div><font color="#002000"></div></font></div><div><font color="#002000"><div class="aw-mod-body"></font></div><div><font color="#002000"></div></font></div><div><font color="#002000"><div class="aw-mod-footer"></font></div><div><font color="#002000"></div></font></div><div><font color="#002000"></div></font></div><div><font color="#002000">}}}</font></div>
复制代码



侧边栏结构的话我们则把.aw-mod换成.aw-side-bar-mod即可。 其中aw是程序前缀,新建的模板要是需要添加或更改结构可以另外去一个前缀，方便后期修改维护。


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？免费注册

x
回复 支持 反对

使用道具 举报

vingoo
地板
 楼主| 发表于 2015-4-14 02:09:14 | 只看该作者
wecenter整站文字修改汇总（想要修改网站的文字不用到处找了）
因为前段时间需要改网站的文字，找了很久很乱，这次发出来，希望给大家帮助：
1、修改整体语言包language/en_US.jslanguage/en_US.php

2、修改通知文字，如：XX回复了问题XXXXXXXXXXX/models/notify.php


3、修改动态（首页）页面文字，如：XX回复了问题XXXXXXsystem/class/cls_action_log_class.inc.php

4、修改“上传附件”按钮上的文字，如我要修改成“上传图片”static\js\plug_module\plug-in_module.js

上面的几个是比较特殊的，大家可能在找的时候比较麻烦，因为官方的语言包不完整，不能整站替换，文件夹又特别多，导致你不知道去哪里找。



其他的页面，比如：发现页面、文章页面，个人主页、手机版…………
去相应的模板文件夹找，然后对应的修改过来就可以了。

希望大家有好的东西也能够分享出来，让大家都能在wecenter里面找到答案！而不是每次问N久都没人回答，我相信这里还是有很多高手的，却没人愿意分享！
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-5-6 17:51 , Processed in 0.093600 second(s), 23 queries .

Powered by Mr.Kevin-ying

© 2004-2015

快速回复 返回顶部 返回列表