在symfony项目中应用TinyMCE

2009-01-08

在symfony项目中应用TinyMCE

类归于： symfony — 标签：symfony, TinyMCE — zhuozi @ 15:30

文章参考自Add TinyMCE to a Symfony project，为了使用方便，简单翻译成了中文，英文不好，凑合看吧，其实不看也行，粘贴代码复制就行。
这个方法在Ubuntu下测试成功。

TinyMCE是所见即所得的html编辑器（还可以叫做rich text 富文本），它可以很好的于Symfony整合在一起。然而，如果你想使用它，你需要下载第三方的源码包。这篇文章可以帮助你解决这个问题。

注意：你需要安装解压缩工具，如果你使用的是Debian和Ubuntu,你可以用apt-get的方法进行安装

/usr/bin/sudo /usr/bin/apt-get install unzip

安装TinyMCE

首先，在你项目的目录下进行配置

PROJECT_HOME=/home/sfprojects/myProject

选择你想使用的app入口(有些地方我就简写了，如果接触过symfony，我想你会明白的)

PROJECT_APP=frontend

设置你想要使用的版本

TINYMCE_VERSION=3.0.5

我们移出TinyMCE版本中的点

TINYMCE_CLEANED_VERSION=`echo $TINYMCE_VERSION | sed -e ’s/\./_/g’`

我们下载TinyMCE的源码包

/usr/bin/wget http://ovh.dl.sourceforge.net/sourceforge/tinymce/tinymce_$TINYMCE_CLEANED_VERSION.zip \
–output-document=/tmp/tinymce_$TINYMCE_VERSION.zip

解压已经下载完的文件

/usr/bin/unzip -o /tmp/tinymce_$TINYMCE_VERSION.zip -d /tmp

如果你愿意，你也可以下载多语言包

/usr/bin/wget http://services.moxiecode.com/i18n/download.aspx?format=zip\&product=tinymce \
–output-document=/tmp/tinymce_language_pack.zip

解压多语言包

/usr/bin/unzip -o /tmp/tinymce_language_pack.zip -d /tmp/tinymce/jscripts/tiny_mce

And move the TinyMCE source folder to the target emplacement in your Symfony project :
把TinyMCE源码文件复制到你的symfony项目中（$PROJECT_HOME 替换你的目录）

/bin/cp -r /tmp/tinymce/jscripts/tiny_mce/ “$PROJECT_HOME/web/js/”

现在，我们开始配置symfony以便可以使用TinyMCE （$PROJECT_HOME 替换你的目录，$PROJECT_APP替换你的app）

/bin/sed -i -e ‘/^ .settings:/a\
rich_text_js_dir: js/tiny_mce’ “$PROJECT_HOME/apps/$PROJECT_APP/config/settings.yml”

警告：查看你的setting.yml文件以确保一切正常

/usr/bin/vim “$PROJECT_HOME/apps/$PROJECT_APP/config/settings.yml”

你现在可以删除下载的那些文件了

/bin/rm -r /tmp/tinymce
/bin/rm /tmp/tinymce_language_pack.zip
/bin/rm /tmp/tinymce_$TINYMCE_VERSION.zip

你现在可以使用下面的代码来使用TinyMCE了

<?php echo textarea_tag('name', 'default content', 'rich=true size=10x20') ?>
<?php echo textarea_tag('name', 'default content', array(
'rich' => true,
'size' => '10x20',
'tinymce_options' => 'language:"fr",theme_advanced_buttons2:"separator"',
)) ?>

第一个参数，是name 用于在表单提交
第二个参数，是内容
第三个参数，是一个数组，里面包含了多种信息，可以对TinyMCE进行详细的配置
size 大小
language 语言
theme_advanced_buttons2:”separator” 代表不显示第二行工具条
如果你想第2行只显示几个按钮，你可以这样做theme_advanced_buttons2:”加粗,斜体”
（当然你要用它本身定义好的英文名字的功能）
PS:上面直接复制的代码，如果出现错误，打开原始那个英文的连接，复制，出现错误的原因是blog编辑器自动隐藏了部分空格

2 条评论 »

[...] 通过上一篇《在symfony项目中应用TinyMCE》文章，我们知道了，如何在symfony配置TinyMCE，如何在模板中应用TinyMCE，可是，如果我们想在apps/backend中应用应该如何办呢？通过在google的搜索，有两个方法。 1、配置genertor.yml文件，和config下面的app.yml、setting.yml文件，在网上一搜可以搜索到很多，可是，昨天试了一上午也没有测试出来，这里就不讲了，主要说一下第二种方法。 2、定义form 我们在lib下面新建一个sfWidgetFormTextareaTinyMCE.class.php文件 [...]

Pingback 由在symfony项目中应用TinyMCE（续） | 4's symfony blog — 2009-01-16 @ 15:05
有这个插件，没有试过
http://www.symfony-project.org/plugins/isicsWidgetFormTinyMCEPlugin

Comment 由 dong4138 — 2009-01-16 @ 20:50

这篇文章上的评论 RSS feed TrackBack URL

留下评论

由 WordPress 所驱动

4’s symfony blog

2009-01-08