代码之家  ›  专栏  ›  技术社区  ›  leora Matt Lacey

如何像StackOverflow那样在我的网站上使用Tinymce图像

  •  6
  • leora Matt Lacey  · 技术社区  · 14 年前

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

    他们现在希望能够添加自己的图像。我看到了 some image support in tinymce as seen here 但在我的例子中,图像会在他们的计算机上。

    因此,我正在寻找一些关于如何在我的ASP.NET MVC网站上使用Tinymce处理图像支持的建议,类似于StackOverflow如何允许您在问题中上载和包含图像,所有这些都是一步完成的。

    有什么建议吗?

    4 回复  |  直到 10 年前
        1
  •  2
  •   griegs    14 年前

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

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

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

    这是一种圆滑的做法,但它奏效了。如果你的图像存储在用户的计算机上,那么你需要实现这样的东西,我认为,因为你不能假定你可以链接到图像,如果你可以,你不能确定计算机会打开。

        2
  •  5
  •   Community Neeleshkumar S    7 年前

    我想你需要看看这里:

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

    它有一个使用MVC的Tinymce文件浏览器/上载程序/管理器列表:)

        3
  •  0
  •   acme    14 年前

    也许你可以试试这个Tinymce插件(官方的MoxieCode插件很贵):

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

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

        4
  •  0
  •   Rahul    10 年前

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

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

    GitHub中有一个OpenSource Tinymce插件:

    https://github.com/buddyexpress/bdesk_photo