【问题标题】:Javascript TinyMCE and Tinybox2Javascript TinyMCE 和 Tinybox2
【发布时间】:2012-10-17 20:11:53
【问题描述】:

我正在使用 [tinyMCE][1] 和 [tinybox2][2] 我可以让两者独立工作,但我想要实现的是我点击编辑按钮 tinybox2 打开带有相关 id 字符串的 url链接打开的页面上有 tinyMCE 和更新表单,但我不明白为什么 tinymce 没有在弹出窗口中加载。

有没有办法让 javascript 进入这个 tinybox 的弹出窗口?或者为什么它会阻止更多的 javascript 加载?

感谢您的帮助:D

到目前为止我已经这样做了:

  1. <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  2. 通过 $.ajax() 获取 test.php 内容; -不知道这个-
  3. <p><a class="Forumusername" onclick="TINY.box.show({url:'test.php',width:750,height:300})">CLICK ME</a>
  4. 使用 tinyMCE.init 调用重新初始化 TinyMCE 编辑器。 -我也不知道怎么实现这个-

已编辑链接,但已回答问题。

【问题讨论】:

  • 我建议不要使用 tinybox。它是无证的,只作为混淆的 javascript 出现,这是一个很大的不去。要么你需要一个具有良好文档的完美工作脚本,要么需要一个普通的源代码

标签: javascript tinymce modalpopup


【解决方案1】:

我不擅长更新旧代码,所以我会完全重写它。这是我的两个文件test.phpedit.php 的内容:

test.php

<!doctype html>

<link rel="stylesheet" href="js/tinybox2/style.css" type="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="js/tinybox2/tinybox.js"></script>

<script type="text/javascript">
$(function(){
    $('#open_editor').click(function(){
        $.get(this.href).done(function(html){
            TINY.box.show({ 
                html: html,
                width: 500, 
                height: 400, 
                openjs: function(){
                    tinyMCE.init({ mode: 'textareas', theme: 'advanced' });
                }
            });
        });
        return false;
    });
    tinyMCE.init({ mode: 'textareas', theme: 'advanced' });
});
</script>

<a id="open_editor" href="edit.php">Open editor</a>

<textarea></textarea>

edit.php

<textarea name="body" rows="10" cols="50"></textarea>

在运行 test.php 之前更正样式表和脚本的路径。

这些脚本已经过检查和测试。

【讨论】:

  • 嗨 Martinez,我不确定你加载的 jQuery 是什么意思,抱歉,我几乎无法理解 javascript,我也无法使用 iframe,它可以正常工作我知道因为我可以直接访问页面和 tinymce 工作正常,但是当我提交数据时使用 iframe 会重新加载 iframe,如果可能的话,我真的需要 url 功能
  • 好的,我看到你又修改了你的 test.php 并剥离了 jQuery.ready :) 只需检查第二个原因并添加 iframe:'test.php' 参数。
  • 对不起,我正在尝试另一篇文章中所说的内容,但我不明白。将添加 iframe,但它无助于我想要实现的目标,可以说 iframe 中加载的内容是更新 php 脚本,一旦提交重定向在 iframe 内并且仍在弹出窗口内。
  • 对不起,我还没看完你的帖子。如果您不能使用框架,则在 test.php 的头部加载 jQuery 并再次将 tinyMCE.init 包装到 jQuery.ready(function(){ .... }) 中。这应该会有所帮助。
  • 谢谢马丁内斯,不知道为什么它没有显示给我,但是使用您的示例效果很好......对不起,您必须花费所有时间,非常感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-06-01
  • 2010-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-13
相关资源
最近更新 更多