tinyMce插入图片

2023-10-21 23:38

文章标签 图片插入 tinymce

本文主要是介绍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="#" οnsubmit="ImageDialog.update();return false;">
<div class="tabs">
<ul>
<li id="general_tab" class="current">
<span>
<a οnmοusedοwn="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" οnclick="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;

所以我做了下修改：

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