Facebox 模式窗口中的 tinymce 文本区域不允许我输入

发布于 2024-08-27 01:49:06 字数 1315 浏览 7 评论 0原文

我正在使用facebox(一个jquery模态插件)和tinymce作为我的文本框。但是,当我打开任何模式窗口时,我无法在tinymce输入框中输入任何内容。

有什么帮助吗?

    <script type="text/javascript" src="resources/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

        <script type="text/javascript">
        tinyMCE.init({
         mode : "textareas",
         theme : "simple"
        });
        </script>

    <link href="resources/facebox.css" media="screen" rel="stylesheet" type="text/css"/>

    <script src="resources/facebox.js" type="text/javascript"></script>

    <script>
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
    </script>

<?php

    echo "<div style='display: none;' id='c".$oh_id."' rel='facebox'><div style='overflow: -moz-scrollbars-vertical; overflow-y: auto; width: 100%; height: 375px;'><h2 style='color: #3399cc;'>Comments for ".$row_clientName['clientName']."</h2>"; 

    echo '<form method="post" action="somepage">
     <textarea name="content" id="content" style="width: 300px; height: 125px;">
     Comments...
    </textarea><br />
    <input type="submit" value="Update" name="submit" class="comment_button"/><p>
    </form></div>';

?>

i am using facebox (a jquery modal plug-in) and tinymce for my textboxes. however when i open any modal windows, i cannot type anything within the tinymce input box.

any help?

    <script type="text/javascript" src="resources/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

        <script type="text/javascript">
        tinyMCE.init({
         mode : "textareas",
         theme : "simple"
        });
        </script>

    <link href="resources/facebox.css" media="screen" rel="stylesheet" type="text/css"/>

    <script src="resources/facebox.js" type="text/javascript"></script>

    <script>
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
    </script>

<?php

    echo "<div style='display: none;' id='c".$oh_id."' rel='facebox'><div style='overflow: -moz-scrollbars-vertical; overflow-y: auto; width: 100%; height: 375px;'><h2 style='color: #3399cc;'>Comments for ".$row_clientName['clientName']."</h2>"; 

    echo '<form method="post" action="somepage">
     <textarea name="content" id="content" style="width: 300px; height: 125px;">
     Comments...
    </textarea><br />
    <input type="submit" value="Update" name="submit" class="comment_button"/><p>
    </form></div>';

?>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦里寻她 2024-09-03 01:49:07

当您的模态窗口加载时调用此方法:

var mce_editor = $('<textarea cols="10" rows="110" />');
mce_editor.tinymce({ script_url: '/{your path}/tinymce/tiny_mce.js', theme: "advanced", template_replace_values: { username: "Sample User", staffid: "991234"} });

希望这会有所帮助。

Call this when your modal window loads:

var mce_editor = $('<textarea cols="10" rows="110" />');
mce_editor.tinymce({ script_url: '/{your path}/tinymce/tiny_mce.js', theme: "advanced", template_replace_values: { username: "Sample User", staffid: "991234"} });

Hope this helps.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文