`
energykey
  • 浏览: 598188 次
  • 性别: 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本地图片预览

    ### tinyMCE本地图片预览实现详解 #### 一、简介 tinyMCE是一款非常流行的开源富文本编辑器,广泛应用于各种网站和应用程序中。它提供了丰富的文本编辑功能,包括但不限于格式化文本、插入图像、链接等。在某些...

    TinyMCE自定义上传图片

    在这个场景中,我们将重点讨论如何在TinyMCE中实现自定义图片上传功能。 首先,我们需要理解TinyMCE的插件系统。TinyMCE的插件是可插入到编辑器中的独立功能模块,它们通常包含JavaScript代码,用于扩展编辑器的...

    TinyMCE 实现本地图片上传

    当上传成功时,后端返回的JSON应该包含图片的URL,该URL随后被传递给`success`回调,这样TinyMCE就会将图片插入到编辑器中。 请注意,这个例子中的`/upload/image`需要替换为你的实际图片上传处理接口。后端接口...

    tinymce 自定义多图片批量上传插件 附使用示范Test

    5. **图片上传后处理**:在图片上传到服务器并返回URL后,我们需要将这些URL插入到TinyMCE编辑器中。可以使用`editor.insertContent`方法来实现: ```javascript function insertImages(imgUrls) { for (var i = ...

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

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

    TinyMCE整合FC-FV資料結構1

    主要讨论的问题是,当用户通过TinyMCE插入图片时,如何确保只有有权查看相关文章的人才能下载这些图片。 原始问题在于,TinyMCE允许用户通过输入图片URL或者使用在线File Manager Plugin插入图片,但这种方式不能...

    TinyMce 上传多图片组件(修改).zip

    1. **安装插件**:首先,你需要安装TinyMce的“image”和“imagetools”插件,这两个插件提供了基本的图片操作功能,如插入、编辑和删除图片。 2. **自定义配置**:然后,你需要在TinyMce的初始化配置中设置图片...

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

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

    Java开发之文本编辑器TinyMCE-含上传本地图片

    ### Java开发之文本编辑器TinyMCE-含上传本地图片 #### 一、TinyMCE简介及优势 TinyMCE是一款强大的WYSIWYG编辑器,适用于多种编程环境,包括但不限于Java。它提供了丰富的功能,如字体样式设置、颜色选择、表格...

    tinymce Web 在线编辑器

    2. **插件系统**:TinyMCE拥有丰富的插件库,可以添加图片上传、视频嵌入、链接管理、表格编辑等各种功能。例如,在"tinymce_3_2_4_1"版本中,可能已经包含了一些基础的插件,开发者可以通过源码查看并学习如何开发...

    tinymce 多图上传插件,点击弹窗确认按钮自动上传

    总的来说,tinymce的多图上传插件结合了前端的文件选择、预览、上传功能以及后端的图片处理能力,通过富文本编辑器提供的API实现了用户友好的交互体验,使得在编辑内容时能方便快捷地插入多张图片。

    TinyMCE + 插件powerpaste实现word直接粘贴富文本,同时上传图片.zip

    对于图片处理,PowerPaste还可能支持自动上传粘贴的图片到服务器,并生成合适的HTML代码插入到编辑器中。这样,用户无需手动保存图片,再通过上传工具上传,极大地简化了工作流程。 总的来说,TinyMCE结合...

    tinymce富文本编辑器

    编辑器的工具栏直观地展示了各种编辑选项,如字体样式、字号调整、颜色选择、插入图片、超链接、列表等,让用户在编辑过程中能够方便快捷地实现各种文本格式化需求。 在功能性方面,TinyMCE支持HTML5,这意味着它能...

    tinymce 汉化语言包

    它提供了丰富的功能,包括文本格式化、图片处理、链接插入等,同时也支持自定义插件和主题,以满足多样化的开发需求。而“tinymce2”的汉化语言包则是为了方便中文用户使用TinyMCE编辑器而特别制作的。 TinyMCE2是...

    tinymce_powerpaste-master

    用户可以创建、编辑和格式化文本,插入图片、链接等元素,同时支持自定义配置和扩展。 PowerPaste是TinyMCE的一个重要插件,它的主要功能包括: 1. **清除Word格式**:在从Word文档中复制内容时,PowerPaste会去除...

    tinymce4.7.5

    2. **媒体嵌入**:用户可以方便地插入图片、视频和音频等多媒体内容,提升文章的视觉效果。 3. **插件支持**:TinyMCE 具有强大的插件系统,允许开发者添加自定义功能,如拼写检查、代码编辑、表格工具等。 4. **...

    zencart中给tinymce编辑器加图片上传功能

    然而,TinyMCE的默认功能并不包含图片上传功能,这对于需要在商品描述或新闻文章中插入图片的商家来说是个限制。本文将详细讲解如何在Zencart中为TinyMCE编辑器添加图片上传功能,并引入一个名为AjaxFileManager的...

    PHP版符合W3C的在线文本编辑器tinymce中文版集成上传图片功能

    同时,返回保存后的文件URL给前端,以便TinyMCE插入到编辑器中。 4. **扩展功能**:TinyMCE允许通过插件扩展其功能。例如,你可以使用`imageupload`插件来简化图片上传过程。配置该插件后,用户可以直接在编辑器内...

    tinymce离线资源

    它提供了丰富的功能,包括文字格式化、图片上传、链接插入等,使得用户可以像在Word中一样方便地编辑网页内容。离线资源的使用对于那些需要在无网络环境下运行或者希望减少对外部CDN依赖的项目来说尤为重要。 在...

    TinyMCE编辑器 v6.2.0.zip

    1. **富文本编辑器**:TinyMCE允许用户在网页上编辑文本,就像在桌面应用程序中一样,包括字体样式、颜色、大小调整、列表、表格、链接、图片插入等功能。 2. **源码源代码**:TinyMCE是一款开源项目,其源代码可供...

Global site tag (gtag.js) - Google Analytics