和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
分享到:
- 2009-02-23 17:20
- 浏览 4634
- 评论(2)
- 论坛回复 / 浏览 (1 / 4188)
- 查看更多
相关推荐
### tinyMCE本地图片预览实现详解 #### 一、简介 tinyMCE是一款非常流行的开源富文本编辑器,广泛应用于各种网站和应用程序中。它提供了丰富的文本编辑功能,包括但不限于格式化文本、插入图像、链接等。在某些...
在这个场景中,我们将重点讨论如何在TinyMCE中实现自定义图片上传功能。 首先,我们需要理解TinyMCE的插件系统。TinyMCE的插件是可插入到编辑器中的独立功能模块,它们通常包含JavaScript代码,用于扩展编辑器的...
当上传成功时,后端返回的JSON应该包含图片的URL,该URL随后被传递给`success`回调,这样TinyMCE就会将图片插入到编辑器中。 请注意,这个例子中的`/upload/image`需要替换为你的实际图片上传处理接口。后端接口...
5. **图片上传后处理**:在图片上传到服务器并返回URL后,我们需要将这些URL插入到TinyMCE编辑器中。可以使用`editor.insertContent`方法来实现: ```javascript function insertImages(imgUrls) { for (var i = ...
UploadImage,一个TinyMCE插件 版本0.1-2017年1月 许可GNU GPL v2 作者弗朗索瓦·雅克(FrançoisJacquet) 该插件允许用户上传直接放置在文本区域中的图像。 从技术上讲,图像会自动转换为base64代码。 没有...
主要讨论的问题是,当用户通过TinyMCE插入图片时,如何确保只有有权查看相关文章的人才能下载这些图片。 原始问题在于,TinyMCE允许用户通过输入图片URL或者使用在线File Manager Plugin插入图片,但这种方式不能...
1. **安装插件**:首先,你需要安装TinyMce的“image”和“imagetools”插件,这两个插件提供了基本的图片操作功能,如插入、编辑和删除图片。 2. **自定义配置**:然后,你需要在TinyMce的初始化配置中设置图片...
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行...免费也有免费的毛病, 官方的增加插件和插入图片插件是收费的,所以只好自己动手了 自己做插件也不是很难,Plugins目录下有模板。考一个改成自己的先
### Java开发之文本编辑器TinyMCE-含上传本地图片 #### 一、TinyMCE简介及优势 TinyMCE是一款强大的WYSIWYG编辑器,适用于多种编程环境,包括但不限于Java。它提供了丰富的功能,如字体样式设置、颜色选择、表格...
2. **插件系统**:TinyMCE拥有丰富的插件库,可以添加图片上传、视频嵌入、链接管理、表格编辑等各种功能。例如,在"tinymce_3_2_4_1"版本中,可能已经包含了一些基础的插件,开发者可以通过源码查看并学习如何开发...
总的来说,tinymce的多图上传插件结合了前端的文件选择、预览、上传功能以及后端的图片处理能力,通过富文本编辑器提供的API实现了用户友好的交互体验,使得在编辑内容时能方便快捷地插入多张图片。
对于图片处理,PowerPaste还可能支持自动上传粘贴的图片到服务器,并生成合适的HTML代码插入到编辑器中。这样,用户无需手动保存图片,再通过上传工具上传,极大地简化了工作流程。 总的来说,TinyMCE结合...
编辑器的工具栏直观地展示了各种编辑选项,如字体样式、字号调整、颜色选择、插入图片、超链接、列表等,让用户在编辑过程中能够方便快捷地实现各种文本格式化需求。 在功能性方面,TinyMCE支持HTML5,这意味着它能...
它提供了丰富的功能,包括文本格式化、图片处理、链接插入等,同时也支持自定义插件和主题,以满足多样化的开发需求。而“tinymce2”的汉化语言包则是为了方便中文用户使用TinyMCE编辑器而特别制作的。 TinyMCE2是...
用户可以创建、编辑和格式化文本,插入图片、链接等元素,同时支持自定义配置和扩展。 PowerPaste是TinyMCE的一个重要插件,它的主要功能包括: 1. **清除Word格式**:在从Word文档中复制内容时,PowerPaste会去除...
2. **媒体嵌入**:用户可以方便地插入图片、视频和音频等多媒体内容,提升文章的视觉效果。 3. **插件支持**:TinyMCE 具有强大的插件系统,允许开发者添加自定义功能,如拼写检查、代码编辑、表格工具等。 4. **...
然而,TinyMCE的默认功能并不包含图片上传功能,这对于需要在商品描述或新闻文章中插入图片的商家来说是个限制。本文将详细讲解如何在Zencart中为TinyMCE编辑器添加图片上传功能,并引入一个名为AjaxFileManager的...
同时,返回保存后的文件URL给前端,以便TinyMCE插入到编辑器中。 4. **扩展功能**:TinyMCE允许通过插件扩展其功能。例如,你可以使用`imageupload`插件来简化图片上传过程。配置该插件后,用户可以直接在编辑器内...
它提供了丰富的功能,包括文字格式化、图片上传、链接插入等,使得用户可以像在Word中一样方便地编辑网页内容。离线资源的使用对于那些需要在无网络环境下运行或者希望减少对外部CDN依赖的项目来说尤为重要。 在...
1. **富文本编辑器**:TinyMCE允许用户在网页上编辑文本,就像在桌面应用程序中一样,包括字体样式、颜色、大小调整、列表、表格、链接、图片插入等功能。 2. **源码源代码**:TinyMCE是一款开源项目,其源代码可供...