#Drupal# 6平台的HTML编辑器

IMCE 文件浏览器
我喜欢Drupal就像我喜欢Lego, 一切都是可以定制的, 而你基本上可以找到你需要的模块而不用担心自己必须从头写自己的模块. 但是高可定制度带来的麻烦就是Drupal不像Joomla!或WordPress那样"开包即食", 缺省安装的Drupal尽管有完美的后台和API, 但是前端用户关心的"我要传图片"却成了问题.
经过我的一番筛选, 最后我选定了CKEditor + IMCE组合. CKEditor是一个所见即所得的HTML编辑器, 而IMCE提供了文件上传/浏览/插图/添加附件等常用功能.
安装步骤:
1, 下载CKEditor Drupal module, 并解压缩到/sites/all/modules.
2, 下载CKEditor, 并解压缩到/sites/all/modules/ckeditor/ckeditor
3, 下载IMCE, 并解压缩到 /sites/all/modules
4, 在后台开启CKEditor和IMCE模块
5, 配置CKEditor, 打开 Home › Administer › Site configuration › CKEditor
6, 选择一个Profile -> File Browser-> File Browser Type. 如果IMCE安装正确, 则其可选. 选择IMCE并保存
7, Done
让Ubuntu Server为Drupal7做好准备
Drupal7 在各方面都让我眼馋, 今天我将D7的dev版装到测试服务器上, 结果发现出了这个问题:
貌似Ubuntu Server自带的GD有点落伍了. 按照提示重新编译PHP5? 那太伤神了. 还好, Drupal站上已经有人解决了此问题:
PHP GD library on Ubuntu Server 8.04.x LTS
具体步骤如下:
首先, 清理掉现有的GD
sudo apt-get --purge remove php5-gd
将下面的源加入到系统 /etc/apt/sources.list
deb http://packages.dotdeb.org stable all
deb-src http://packages.dotdeb.org stable all
更新apt数据库
sudo apt-get update
安装新的GD库
sudo apt-get install php5-gd
之后会有一些问题, 全部按缺省, 继续即可. 然后可以重新启动的你apache2了
sudo /etc/init.d/apache2 restart
看结果
为Drupal6做布景(Theme)
尽管强大的Drupal7.0 就要出现了, 但是考虑到组件的支持程度以及程序的健康程度, 目前还不得不使用Drupal6.x 作为产品平台.
做网站的其中一步, 就是把美工做的设计图(一般是.psd文件?) 用html/css以及图片实现出来. 如果你只是需要一个盒饭质量的点一下export就出来的html, 那就不必往下看了, 因为我记录的是手工打造一个符合w3c规范的Drual 布景.
首先, 安装Zen布景. Zen是目前口碑最好的Drupal基础布景, 就像一套未上色的积木. 安装Zen以及建立自己的sub-Zen布景步骤如下:
- 下载Zen, 并解压缩到/drupal/sites/all(假设你的drupal安装路径是/drupal), 完成之后, Zen应该在/drupal/sites/all/zen
- 假设你要制作的布景叫mytheme
- 将/drupal/sites/all/zen/STARTERKIT 复制到 /drupal/sites/all/mytheme
- 将 mytheme/STARTERKIT.info.txt 改名为 mytheme.info
- 编辑mytheme.info/template.php/theme-settings.php, 找到原来是STARTERKIT的地方, 改为mytheme
- 从zen文件夹复制 zen.css, 并改名为mytheme.css
- 我一般是选择固定布局, 就是从zen文件夹复制layout-fixed.css并改名为layout.css, 如果你要流动布局, 复制并改名layout-liquid.css即可.
- 从zen文件夹复制print.css/html-elements.css
- 完成
这样, 进入Drupal admin之后你就可以找到刚刚制作的mytheme了. 注意, mytheme是Zen的子布景, 所以Zen文件夹不要动, 所有改动和定制都在mytheme完成.
Zen为几乎每一个元素都定义了css class, 因此初次接触Zen的你可能在打开mytheme.css后就没了头绪. 其实很简单, 使用FireFox+FireBug(相信很多人已经知道了), 用鼠标一点, 就知道要改哪里了.





