如何将多个图片插入到文章中？

International Chinese
1

要发表一篇文章，假设已经上传了多张图片，如何将这些图片插入到文章中指定的位置（假如是鼠标点击的位置）？

另外，上传附件、图片时应注意哪些安全问题？

2

你需要用到两个组件. SWFupload 和 tinymce ，参考这个我写的这个贴子


[/code]


[url="http://www.itkuaixun.com/post/48.htm/"]Yii实战中8个必备常用的扩展,模块[/url]


上面有详细的图片，你可以作为参考设计， 以下是你将会遇到的问题和一些步骤.


[b]1. [/b][url="http://www.itkuaixun.com/post/88.htm"]SWFUpload Flash与Yii Cookie的问题[/url] ,  首先你需要在入口文件[b] index.php[/b] 增加一行


[code]if(isset($_POST['PHPSESSID']))    $_COOKIE['PHPSESSID'] = $_POST['PHPSESSID'];
  1. 因Yii的安全限制，在你的过滤器中需要 ‘accessControl - ajaxUploadFiles’ , ajaxUploadFiles改为你对应action名称

public function filters() {

		return array(


        	'accessControl - ajaxUploadFiles',

    	);

	}

  1. 你需要使用Yii form 客户端或者Ajax验证，页面不能刷新。

  2. 图片上传缩略图处理，上传完成后在页面使用Ajax同步显示缩略图中，在其中增加一个插入按钮。

  3. tinyMCE提供了很多接口可以插入内容，使用tinyMCE.execCommand 命令插入,


tinyMCE.execCommand('mceInsertContent',false,'<img src="+imgsrc+">'');

6.剩下的就是保存问题，这个你根据你自己的业务需求来完成。

延伸扩展：

如果你有时间可以考虑再增加 设置封面，使用正则表达式解析自己的标签，删除，标题描述等等很多功能,例:

tinyMCE.execCommand(‘mceInsertContent’,false,’’);

如果你的编辑器需要syntaxHighlighter代码高亮功能参考这个贴子。

Yii tinymce结合syntaxHighlighter和syntax

这是我设计并实现的多文件上传功能，这些UI设计应该对你有帮助，以及这是一些使用关于Yii SWFUpload多文件上传的常见问题

3

今个早晨就看见你博客里文章了，多谢！！