FileField Insert 试用笔记

项目页:http://drupal.org/project/filefield_insert
目前的版本是 6.x-1.x-dev /2009-Jun-16
依赖于:FileField
支持tinyMCE, FCKeditor, 这些 WYSIWYG project以及纯文本编辑
插入图像使用 ImageCache presets

可以配合Image Resize Filter 模块来限制并缩放到图片的最大的宽度

我的理解是FileField Insert 模块属于FileField的功能加强的子模块,模块安装非常简单,所以我也不再详述了。

安装后URL到 admin/content/types 编辑你有FileField的内容类型,点击“manage fields”(例如我的类型:article,我安装了ImageField模块并创建了一个名为field_image字段)然后再点击“设置”

如图:

2009-06-25_233417

接着找到“HTML insert”选项展开它,如下图(注意:默认状态,下图的设置是空的)

2009-06-25_234058

Enable HTML insert:选中才能使用该模块的功能

在Enabled ImageCache presets: 项会列出你启用的ImageCache presets,根据自己需要选中

Maximum image insert width: 这个功能需要安装Image Resize Filter 模块,我的理解作者是从网站管理的角度考虑的,假如用户上传了一张宽度为1000像素的图片,用户把宽度为1000像素的图片插入内容也可能会影响到网页的布局以及阅读,如果在Maximum image insert width: 输入数字600,那么用户插入内容页的图片就会调整到宽度600像素

下面在实际应用给大家看

我用于示例的图片是img_1273.jpg,尺寸:1600x1067

当我上传完图片之后就会看到,多了这个小器具

2009-06-26_000929

下图是上传完图片的下界面

2009-06-26_000506

你可以点击下拉列表选择ImageCache presets,然后点击"Send to text area",效果如下图:

2009-06-26_001940

记不记得我前面提到Image Resize Filter 模块,我在Maximum image insert width: 输入数字600,这样是限制图片过大,我们试试吧

如果我选择ImageCache presets为 Original,Original是原始图片的大小, 我用于示例的图片是img_1273.jpg,尺寸:1600x1067

2009-06-26_002726

我设定的最大600像素宽度生效了,再来看看保存发布后的效果吧

2009-06-26_003217

这个图片可只是将图片的显示尺寸设为width="600" height="400",而是实实在在的一张600x400的图片

Image Resize Filter 模块会在你的文件系统创建一个resize的目录,例如我的文件系统在sites\default\files,这张600x400的图片会放在sites\default\files\resize\article目录下,并命名为img_1273-600x400.jpg,article目录是以内容类型命名的。

以上示例都是在纯文本编辑模式测试的,我在wysiwyg下的fckeditor编辑器下测试,一样支持。

我罗嗦了一大堆,其实过程很简单,希望能看懂!

由于blogger被无期限“和谐”,故将此文转了过来。
原文:http://playts.blogspot.com/2009/06/filefield-insert.html
文中图片由http://picasaweb.google.com转到http://www.flickr.com

评论

发表新评论

此内容将保密,不会被其他人看见。
  • 自动将网址与电子邮件地址转变为链接。
  • 允许HTML标签:<a> <img> <em> <del> <strong> <cite> <code> <pre> <ul> <ol> <li> <dl> <dt> <dd> <h3> <h4> <h5> <h6>
  • 自动断行和分段。
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. The supported tag styles are: <foo>, [foo]. PHP source code can also be enclosed in <?php ... ?> or <% ... %>.

更多关於格式化选项的信息

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.