如何显示TinyMCE的Html视图?

时间:2011-11-04 作者:Wordpressor

我正在使用wp\\u tiny\\u mce()在插件设置中显示TinyMCE:

<?php wp_tiny_mce( false , array("editor_selector" => "a_nice_textarea"));?>

<textarea class="a_nice_textarea" id="a_nice_textarea" name="a_nice_textarea"></textarea>
一切正常,但我只想显示HTML编辑器,但wp\\u tiny\\u mce似乎只输出可视化编辑器。

我知道这些是初始设置,但我已经玩了一段时间了,没有任何运气:

// TinyMCE init settings
$initArray = array (
    \'mode\'                              => \'none\',
    \'onpageload\'                        => \'switchEditors.edInit\',
    \'width\'                             => \'100%\',
    \'theme\'                             => \'advanced\',
    \'skin\'                              => \'wp_theme\',
    \'theme_advanced_buttons1\'           => "$mce_buttons",
    \'theme_advanced_buttons2\'           => "$mce_buttons_2",
    \'theme_advanced_buttons3\'           => "$mce_buttons_3",
    \'theme_advanced_buttons4\'           => "$mce_buttons_4",
    \'language\'                          => "$mce_locale",
    \'spellchecker_languages\'            => "$mce_spellchecker_languages",
    \'theme_advanced_toolbar_location\'   => \'top\',
    \'theme_advanced_toolbar_align\'      => \'left\',
    \'theme_advanced_statusbar_location\' => \'bottom\',
    \'theme_advanced_resizing\'           => true,
    \'theme_advanced_resize_horizontal\'  => false,
    \'dialog_type\'                       => \'modal\',
    \'relative_urls\'                     => false,
    \'remove_script_host\'                => false,
    \'convert_urls\'                      => false,
    \'apply_source_formatting\'           => false,
    \'remove_linebreaks\'                 => true,
    \'paste_convert_middot_lists\'        => true,
    \'paste_remove_spans\'                => true,
    \'paste_remove_styles\'               => true,
    \'gecko_spellcheck\'                  => true,
    \'entities\'                          => \'38,amp,60,lt,62,gt\',
    \'accessibility_focus\'               => true,
    \'tab_focus\'                         => \':prev,:next\',
    \'content_css\'                       => "$mce_css",
    \'save_callback\'                     => \'switchEditors.saveCallback\',
    \'wpeditimage_disable_captions\'      => $no_captions,
    \'plugins\'                           => "$plugins"
);
这里甚至有一个很好的问题解释和解决方案,但提供的代码也不适用于我(也不完全符合我的目标):

http://keighl.com/post/switching-visualhtml-modes-with-tinymce/

有什么提示吗?

1 个回复
最合适的回答,由SO网友:Wordpressor 整理而成

在分析了/wp admin/的源代码后,我意识到TinyMCE HTML视图只是另一个文本区域。。。

不管怎么说,答案是这样的(除了“img”按钮之外,所有的东西都像一个魔咒,但是你可以用CSS#ed\\u img{显示:无}轻松隐藏它)。

<div id="postdivrich" class="postarea">

    <div id="editor-toolbar">
       <script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/quicktags.js?ver=20110502\'></script>
       <script type="text/javascript">edToolbar()</script>
    </div>

    <div id=\'editorcontainer\'>
       <textarea rows=\'20\' cols=\'40\' tabindex=\'2\' id=\'content\' name="your_name"></textarea>
    </div>

    <script type="text/javascript">
       edCanvas = document.getElementById(\'content\');
    </script>

    <table id="post-status-info" cellspacing="0"><tbody><tr><td><span>Textarea\'s description</span></td></tr></tbody></table>

</div>
哦,当然这只是一个源“copypasta”,别忘了将quicktags排队。js。

结束

相关推荐

在TinyMCE Post编辑器中挂钩Keydown事件

我想在编辑后期管理页面的TinyMCE编辑器中挂接keydown事件。我使用以下代码成功地钩住了HTML内容编辑器:jQuery(\'#content\').keydown(function(){ alert(\"keydown\") }); 下面是我挂接TinyMCE编辑器的失败尝试。问题是编辑器还没有初始化,所以变量ed没有定义。var ed = tinyMCE.getInstanceById(\'tinymce\'); ed.onChange.add(func