如何使用tinymce与我的网站上的图像像stackoverflow一样

时间:2010-10-24 23:25:49

标签: asp.net-mvc image tinymce

我在我的网站上嵌入了tinymce,所以如果用户想要编辑内容,那么可以点击“编辑”链接,它会在tinymce编辑器中显示内容。当他们点击“保存”时,我将html保存到数据库。这是完美的,避免他们在需要内容更改时给我打电话,因为他们可以直接进入,下次他们重新加载主页时,它会加载他们更改的内容。

他们现在希望能够添加自己的图像。我看到有some image support in tinymce as seen here,但就我而言,图像会出现在他们的计算机上。

所以我正在寻找关于如何在我的asp.net mvc网站上使用tinymce处理图像支持的一些建议,类似于stackoverflow允许你上传并在你的问题中一步包含一个图像

有什么建议吗?

4 个答案:

答案 0 :(得分:5)

我想你需要看看这里:

Best TinyMce editor Image Manager / File upload for Asp.net Mvc

它有一个与MVC一起使用的tinyMCE文件浏览器/上传器/管理器列表:)

答案 1 :(得分:2)

我有一个类似的问题并通过它来解决;

允许用户上传我随后存储在文件系统中的图像。

保存图像后,您可以使用tinyMCE链接到它。

这是一种圆满的方式,但它有效。如果您的图像存储在用户计算机上,那么您将需要实现我认为的这样的东西,因为您不能认为您可以链接到图像,如果可以,您无法确定计算机是否会打开

答案 2 :(得分:0)

也许你可以尝试一下这个TinyMCE插件(官方的Moxiecode插件非常昂贵):

http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/

我还没有测试过,但它是一个免费添加,允许上传和选择文件。

答案 3 :(得分:0)

HTML 5支持嵌入式图像。您可以将图像作为base64字符串嵌入到html代码中。 示例代码:

<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQYmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" alt="Base64 encoded image" width="150" height="150"/>

github中有一个开源的TinyMCE插件:

https://github.com/buddyexpress/bdesk_photo