Fatal编程技术网
  • javascript/
  • Javascript 将大型js文件嵌入到一个页面中

Javascript 将大型js文件嵌入到一个页面中

javascript html tinymce

Javascript 将大型js文件嵌入到一个页面中,javascript,html,tinymce,embed,external,Javascript,Html,Tinymce,Embed,External,我想使用tinymce编辑器，但我的最终html文件不得包含指向任何源或css文件的任何链接。 我的意思是不能有任何对外部资源的引用，它应该嵌入到一个html中 （所有js文件和css文件） 性能并不重要，目标浏览器仅为ie11 我不要 <script src=".."> or <link rel="stylesheet" type="css" href=".."> 或 我想要 <script> function tinymce.. </script

我想使用tinymce编辑器，但我的最终html文件不得包含指向任何源或css文件的任何链接。 我的意思是不能有任何对外部资源的引用，它应该嵌入到一个html中 （所有js文件和css文件）

性能并不重要，目标浏览器仅为ie11

我不要

<script src=".."> or
<link rel="stylesheet" type="css" href="..">

或
我想要

<script>
function tinymce..
</script>


函数tinymce。。
与样式相同的信息也应该在这个html中，没有任何外部引用

由于java应用程序（djbrowser）上本机浏览器的限制，我可以部署一个文件，我不去 与dj一起深入了解ie11的技术细节

可能吗？或者任何方法？因为当我将tiny_mce.js直接复制到html中时，它失败了。原因可能是document.write动态创建的脚本

我的测试用例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- DO NOT CHANGE TITE -->
    <title>Editor</title>
    <link rel="stylesheet" type="text/css" href="tiny_mce/themes/advanced/skins/default/ui.css">       
    <link rel="stylesheet" type="text/css" href="tiny_mce/themes/advanced/skins/default/content.css">    

    <style>
        .mce-widget.mce-tooltip { display : none !important; }
    </style>

    <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>    
    <script type="text/javascript" src="tiny_mce/plugins/table/editor_plugin.js"></script>    
    <script type="text/javascript" src="tiny_mce/plugins/contextmenu/editor_plugin.js"></script>    
    <script type="text/javascript" src="tiny_mce/plugins/paste/editor_plugin.js"></script>    
    <script type="text/javascript" src="tiny_mce/themes/advanced/editor_template.js"></script>    
    <script type="text/javascript" src="tiny_mce/langs/en.js"></script>    
    <script type="text/javascript" src="tiny_mce/themes/advanced/langs/en.js"></script>



    <script type="text/javascript">

    function init() {
        // Check that tinymce exists
        if (typeof tinyMCE === 'undefined') {
                alert("tinymce.js is missing");
                return;
        }




        tinyMCE.init({
            mode : "textareas",
            theme : "advanced",
            plugins : "lists,style,linespace",

            theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect,listbox",
            theme_advanced_buttons2 : "cut,copy,paste,|,outdent,indent,|,forecolor,backcolor",

            theme_advanced_toolbar_align : "left",
            theme_advanced_toolbar_location : "top",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : "true" 


        });
    }

            // Sets content
    function JH_setData(html) {
        try { 
            var oEditor = tinyMCE.activeEditor;
            oEditor.setContent(html);  
            //Check whether decoding needed
            //oEditor.setContent(decodeURIComponent(html));  
        } catch(e) { 
            //alert('exception occured' + e.description + ' ' + e.message);  
            return 'FAIL';
        }
        return 'OK';
    }

    // Gets the content
    function JH_getData() {
        var oEditor = tinyMCE.activeEditor; 
        var val = oEditor.getContent();  
        return val;
     }  

    function setContent() {
        JH_setData('test content');
    }

    function getContent() {
        var content = JH_getData();
        alert('content:' + content);
    }

    </script>
</head>
<body onLoad="init();">
    <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%;height:100%"></textarea>


<input type=button class="button_fu_class" style="position:absolute;top:30px;left:600px;width:80px;height:23px" value="SetContent" onClick="javascript:setContent();">
<input type=button class="button_fu_class" style="position:absolute;top:30px;left:700px;width:80px;height:23px" value="GetContent" onClick="javascript:getContent();">
</body>
</html>


编辑
.mce-widget.mce-tooltip{显示：无！重要；}
函数init（）{
//检查tinymce是否存在
if（typeof tinyMCE==‘未定义’）{
警报（“tinymce.js丢失”）；
回来
}
tinyMCE.init({
模式：“文本区域”，
主题：“高级”，
插件：“列表、样式、行空间”，
主题高级按钮1：“粗体、斜体、下划线、删除线、|、左对齐、居中对齐、右对齐、全对齐、|、字体选择、字体大小选择、列表框”，
主题高级按钮2：“剪切、复制、粘贴、|、凸出、缩进、|、前景色、背景色”，
主题\高级\工具栏\对齐：“左”，
主题\高级\工具栏\位置：“顶部”，
主题\高级\状态栏\位置：“底部”，
主题\u高级\u大小调整：“真实”
});
}
//设置内容
函数JH_setData（html）{
试试{
var oEditor=tinyMCE.activeEditor；
setContent（html）；
//检查是否需要解码
//setContent（decodeURIComponent（html））；
}第（e）款{
//警报（'发生异常'+e.description+''+e.message）；
返回“失败”；
}
返回“OK”；
}
//获取内容
函数JH_getData（）{
var oEditor=tinyMCE.activeEditor；
var val=oEditor.getContent（）；
返回val；
}  
函数setContent（）{
JH_setData（“测试内容”）；
}
函数getContent（）{
var content=JH_getData（）；
警报（“内容：”+内容）；
}
工作正常，但如果我将微小的_mce.sc复制到脚本块中，整个页面将失败

如果我替换

<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
与


//tiny_mce.js的内容
（函数（d）{var a=/^\s*|\s*$。。。。。
失败

请提供更多详细信息。好的，我需要将tinymce嵌入djbrowser（）在ie11发布后，由于ie11的安全限制，嵌入式tinycme不再工作。为了解决这个问题，我创建了一个包含tinymce的html文件。我从磁盘上用loadurl将其加载到djbrowser中。html文件包含对tinymce.js和tinymce.css文件的引用。假设我的编辑器是editor.html，editor.html包含一个简单的html和对tinymce的引用。在djbrowser中，我使用djbrowser.load（'c:\editor.html'），它可以工作，但会导致可移植性问题。当我使用djbrowser.setContent将editor.html的内容设置为内容时（“确定，将所有JavaScript放在那里，对于CSS，简单：）没有。它失败了。我试过了，但我认为它失败是因为document.write（js..） 
 <script type="text/javascript">
 //content of tiny_mce.js 
 (function(d){var a=/^\s*|\s*$.....
</script>