`
energykey
  • 浏览: 592696 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

tinyMce插入图片

阅读更多

和JavaEye的这个插入图片一样。我把JAVAEYE的源代码贴出来。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{#advanced_dlg.image_title}</title>
<script src="../../tiny_mce_popup.js" type="text/javascript">
</script>
<script src="../../utils/mctabs.js" type="text/javascript">
</script>
<script src="../../utils/form_utils.js" type="text/javascript">
</script>
<script src="js/image.js" type="text/javascript">
</script>
<base target="_self"/>
</head>
<body id="image" style="display: none;">
<form action="#" onsubmit="ImageDialog.update();return false;">
<div class="tabs">
<ul>
<li id="general_tab" class="current">
<span>
<a onmousedown="return false;" href="javascript:mcTabs.displayTab('general_tab','general_panel');">{#advanced_dlg.image_title}</a>
</span>
</li>
</ul>
</div>
<div class="panel_wrapper">
<div id="general_panel" class="panel current">
</div>
</div>
<div class="mceActionPanel">
<div style="float: left;">
<input id="insert" type="submit" value="{#insert}" name="insert"/>
</div>
<div style="float: right;">
<input id="cancel" type="button" onclick="tinyMCEPopup.close();" value="{#cancel}" name="cancel"/>
</div>
</div>
</form>
</body>
</html>

我的问题是: title处

{#advanced_dlg.image_title}

这个到底在哪里定义的,第二,为什么我在这里直接改title为中文后无法显示呢?

 

第3个问题,firefox下版面乱了,

 这个图片框到底在哪一步初始化的,大小以及其他初始化。

 

 

哪位仁兄解决下,小弟被这个问题困扰已久!!!万分感激!!!

 

 

 

---------------------------经过一番努力,最终我解决了此问题,还是自己来回答吧-----------------------------------------------

初始化页面

tinyMCE.init({
        // General options
        mode : "exact",
        elements : "content",
        width : "100%",
        height: "300",
        language: "ch",

 

看language是ch,-->转到lang目录下的

ch_dlg.js:image_title:"\u63D2\u5165/\u7F16\u8F91 \u56FE\u7247",

注意这里是ascii码,可以利用Jdk目录下的native2ascii工具转换中文。

 

 

至于FF下版面不对的问题是因为 中间加了一个浏览文件并上传的东西,估计tinyMce原来初始化插入图片这个窗口时有明确指定过它的height;

所以我做了下修改:

<div class="panel_wrapper" style="height: auto;">

改为auto后版面就对头了!!!


 

 

 

 

 

不过我还是有一个问题没解决,就是点击图片框后调用的js到底在哪里?因为我需要改变这个窗口的初始化大小。FF和IE7下是正常的,但IE6下好像不正常。。。。如图

 

还有就是title哪里FF下能显示的,为什么IE的TITLE那不能正常显示“插入\编辑 图片”这几个字呢???

 

有知道的出来说下。。。

  • 大小: 28.3 KB
  • 大小: 23 KB
分享到:
评论
2 楼 漫步云端117 2012-07-11  
您好:
关于您
“不过我还是有一个问题没解决,就是点击图片框后调用的js到底在哪里?因为我需要改变这个窗口的初始化大小。FF和IE7下是正常的,但IE6下好像不正常。。。。”

我已找到,点击图片框后调用的js是这个文件jscripts\tiny_mce\themes\advanced\editor_template.js然后你DW查找“image.htm”
就找到了一行j.windowManager.open({url:this.url+"/image.htm",width:355+parseInt(j.getLang("advanced.image_delta_width",0)),height:275+parseInt(j.getLang("advanced.image_delta_height",0)),inline:true}我试过把275改成如375 475还是不行,最后直接将“+”(连同加号)后面去掉,是height:475.就可以了!试运行OK!


具体联系我: Gmail:wangth89@gmail.com
1 楼 IT民工Mr.Yu 2009-06-08  
不好意思。请问一下。我研究TinyMCE本地上传图片好几天了。一直没法实现本地上传。我也到网上一搜索了好多资料,也没有找到合适的。实在是小弟JS太菜了。博主能不能告诉小弟,是怎么弄得。在这儿先谢谢了。我我们公司是要用Java做个博客。具体实现方法。请赐教。再次感谢。

相关推荐

    tinymce-uploadimage:TinyMCE 4插件以上传图像(base64)

    UploadImage,一个TinyMCE插件 版本0.1-2017年1月 许可GNU GPL v2 作者弗朗索瓦·雅克(FrançoisJacquet) 该插件允许用户上传直接放置在文本区域中的图像。 从技术上讲,图像会自动转换为base64代码。 没有...

    自己扩展TinyMCE的上传附件插件

    TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行...免费也有免费的毛病, 官方的增加插件和插入图片插件是收费的,所以只好自己动手了 自己做插件也不是很难,Plugins目录下有模板。考一个改成自己的先

    resizingCell:通过拖动tinyMCE实时调整表格单元格

    调整单元格大小通过拖动tinyMCE实时调整表格单元格等待 tinyMCE 管理员的批准。 jsFiddle 预览在这里

    在vue中使用tinymce富文本编辑器

    vue-tinymce富文本:在vue中使用tinymce富文本编辑器,tinymce富文本编辑器插入图片,自定义菜单按钮封装

    将tinymce编辑器移植到lotus domino平台,解决了图片附件上传的问题

    1.修改了\RichEditer\iXs_Editor\plugins\advimage\editor_plugin.js的js文件以实现插入图片的功能,其他所有功能都在表单上。 2.用js提取了图片文件路径。然后进行处理。 3.移植的很不充分,我对这个编辑器也是...

    JS开发 富文本编辑器TinyMCE详解

    特别是在用户想插入一个图片的话,就很麻烦,所有用户共享一个文件目录,这样就不好了,于是便想到了TinyMCE编辑器,博客园默认的也是这个编辑器,接下 来,我们开始吧 二、TinyMCE编辑器集成步骤 2.1:下载相关...

    Layui图片上、视频、音频、文件上传接口及跨域上传

    Layui图片上、视频、音频、文件上传接口及跨域上传,此项目案例包含了多种上传方式,欢迎大家下载

    图片过长分页

    总监看到发布的文章过长导致版式也太长不好看,要求后台发布文章可控制分页。便做了一个由tinyMCE编辑器...只要插入分页符即按分页符对文章分页,否则默认按字长(2000)分页。附上jsp中用到的代码,以及tinyMCE的用法

    【WP轻拟物niRvana主题V2.6】WordPress图片主题 国人原创轻拟物风格niRvana主题破.zip

    短代码存在的问题:在旧的TinyMCE编辑器中,短代码往往需要手动输入和编辑,很难记忆和使用。即使开发者增加了“短代码插入按钮”,但在修改短代码参数的时候,往往还是需要手动编辑代码本身。对于普通用户,这种...

    tiny_mce_customization:富文本编辑器 - Tiny Mce 4,Rails 自定义

    &lt;hr&gt; 插入菜单中的水平规则标签。 前色和后色。 表格边框折叠。 TinyMce 不支持单选按钮。 使用上传和使用图片感谢 PerfectlyNormal! 在 Rails 2 项目中实现的图像上传/删除和使用,使用弹出窗口在 Chrome 上...

    vue quill editor 使用富文本添加上传音频功能

    vue-quill-editor 是vue项目中常用的富文本插件,其功能能满足大部分的项目需求。这篇文章主要介绍了vue-quill-editor 富文本添加上传音频功能,需要的朋友可以参考下

    新商家培训资料.pptx

    两种编辑方式如下:使用插入图片的方式需要先将图片上传到图片空间,复制图片链接地址; 7 新商家培训资料全文共69页,当前为第7页。 (1)基本设置 F. 编辑器的位置不做修改,使用默认的TinyMCE;如选择了不使用...

    OpenWBS 企业建站CMS系统(手机+PC+微信)-Asp

    OpenWBS X5.5.3_200621 更新日志增加:富文本编辑器增加选择图片插入功能;增加:商品规格批量添加规格值;增加:前端内容和商品列表输出设置为2万条;OpenWBS X5.5.2_200514 更新日志增加:商品按选择排序导出商品...

Global site tag (gtag.js) - Google Analytics