如何在文本内部的任何位置实现可上传图像的Rich Text Editor

问题描述

| 我想实现一种RTE(Rich Text Editor),它能够在文本内的任何位置上传图像。我的目的是创建一个添加/编辑新闻文章页面,客户可以在其中编写带有图像的故事。 我擅长PHP和Javascript编程,因此我正在寻求有关实现此方法的帮助。我是否要在此RTE中创建自定义按钮以插入先前上传的图像或其他方式?如何显示这些图像供用户选择?等等。 奖励积分: 多个文件上传:客户端仅选择例如与这个故事相关的10张图片。 使用Flash以外的其他方法作为上传方法。 我经常使用jQuery。 RTE非常轻巧。我不在乎客户是否必须了解一些事情(例如减价或类似的东西),我只是不喜欢肿的RTE。 使用新技术,例如HTML5和/或CSS3。 让我澄清一些事情。我知道一些Javascript RTE,并且还在多个CMS中使用了它们。因此,我不需要这些的链接,我自己可以使用Google“ javascript RTE” :)。但是,@ hakre之类的内容很有用,因为他指出了CKEditor的可扩展性,而我对此并不完全了解。 要给出我正在寻找的答案的示例,您可以使用CKEditor进行此操作,使用jquery-html5-upload异步上传图像,将所有上传的图像文件名保存在Javascript数组中,并在CKEditor中使用一个自定义的单击处理程序,它显示fancybox的覆盖图,并显示所有图像(文件名存储在数组中),用户单击图像,然后将html插入编辑器\“。 那样的东西,但更好:)(或者我应该说准确)。     

解决方法

        这里有什么可以满足您的要求的吗? http://ckeditor.com/developer-features     ,        您看过TinyMCEor CKEditor吗?     ,        您给自己的“假答案”非常准确。您将需要支持自定义功能的RTE编辑器。 后勤工作将遵循以下路线: 用户按下一个按钮 空div会附加到具有唯一ID的输入中 图片上传器弹出窗口将打开,其中包含指向新div的指针 jQuery / AJAX / PHP的组合将允许用户在页面内上传文件 文件名在上传过程后返回,并插入到原始附加的div中 如果您正在寻找每个步骤的特定代码,则建议您查找一些教程,因为这不是我们可以为其编写一些快速示例代码的内容。