【问题标题】:TinyMCE insert image from Applet contentsTinyMCE 从 Applet 内容插入图像
【发布时间】:2012-06-20 16:06:59
【问题描述】:

我有一个小程序,它使用 Java 图形库允许用户绘制线条和形状,它将作为插件嵌入到 TinyMCE 编辑器中。我不确定如何将用户绘制的图像作为图像插入到编辑器中。

非常感谢任何帮助或参考!

【问题讨论】:

    标签: java content-management-system applet tinymce


    【解决方案1】:

    我不相信您的目标是在没有(受信任的)小程序将图像保存到磁盘并提示用户然后将其上传到 CMS 的情况下实现。

    【讨论】:

    • ..如果我理解这个问题,我不确定我是否理解。 TinyMCE 是否有办法轻松插入 base 64 编码(图像为字符串)图像?
    • 是的,可以插入 base 64 编码图像,但我不确定如何从 Java 小程序中提取 base 64 编码图像以将其插入到 Tinymce 编辑器中。
    • @Andrew:可以使用 css 将它作为 base64 插入到 tinymce 中。
    • @Thariama 那么或许可以通过convert image to base64 string using java找到答案
    • 我认为问题在于 XinYi Chua 需要先将图像传输到服务器(否则图像将无法在其他上下文中使用)
    【解决方案2】:

    您可以将图像上传到网络服务器,然后使用代码插件(“html”按钮)将引用该图像的图像标签输入到编辑器中。

    更新:

    您需要创建 base64 编码的字符串并调用以下 tinymce 命令:

    示例:对于您的系统,您需要将 base64 编码的字符串放入变量 my_image_base64_string。

    var my_image_base64_string = 'R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7';
    
    tinymce.activeEditor.execCommand('insertHTML', false, '<img src="data:image/gif;base64,' + my_image_base64_string + '" width="16" height="14">');
    

    【讨论】:

    • 您好,您能详细说明一下吗?如何输入图像标签?我不确定如何从小程序中捕获图像。谢谢!
    • 您好,感谢您的回复,但我希望实现的是用户即时从小程序中插入图像(在捕获绘制的图像之后)。
    • 嗯,创建的图像存储在哪里?
    • 图像可以存储在用户的计算机上,或者最好直接传输到 Tinymce 编辑器而不存储。
    • 这行不通。看起来您需要将图像传输到服务器并使其可以通过网络访问。然后您可以在任何上下文中将其作为 href 或背景图像插入到 tinymce 编辑器中
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多