项目页: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字段)然后再点击“设置”
如图:
接着找到“HTML insert”选项展开它,如下图(注意:默认状态,下图的设置是空的)
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
当我上传完图片之后就会看到,多了这个小器具
下图是上传完图片的下界面
你可以点击下拉列表选择ImageCache presets,然后点击"Send to text area",效果如下图:
记不记得我前面提到Image Resize Filter 模块,我在Maximum image insert width: 输入数字600,这样是限制图片过大,我们试试吧
如果我选择ImageCache presets为 Original,Original是原始图片的大小,
我用于示例的图片是img_1273.jpg,尺寸:1600x1067
我设定的最大600像素宽度生效了,再来看看保存发布后的效果吧
这个图片可只是将图片的显示尺寸设为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编辑器下测试,一样支持。
我罗嗦了一大堆,其实过程很简单,希望能看懂!
没有评论:
发表评论