如何显示TinyMCE的图标?

如何显示TinyMCE的图标?,tinymce,Tinymce,我安装了TinyMCE,我有文本框和功能(例如,),但我没有看到显示所有图标的工具箱。像这样。 如何让图像显示?我只有一个文本框。我使用了示例链接中的代码,他们的代码中有图像,我只有文本框。我要编辑什么部分才能看到图标 //my source link <script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"> tinyMCE.init({ // Example c

我安装了TinyMCE,我有文本框和功能(例如,),但我没有看到显示所有图标的工具箱。像这样。 如何让图像显示?我只有一个文本框。我使用了示例链接中的代码,他们的代码中有图像,我只有文本框。我要编辑什么部分才能看到图标

    //my source link
    <script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js">
tinyMCE.init({

    // Example content CSS (should be your site CSS)
    content_css : "style12.css",

    // Drop lists for link/image/media/template dialogs
    template_external_list_url : "/tinymce/examples/lists/template_list.js",
    external_link_list_url : "/tinymce/examples/lists/link_list.js",
    external_image_list_url : "/tinymce/examples/lists/image_list.js",
    media_external_list_url : "/tinymce/examples/lists/media_list.js",
//我的源代码链接
tinyMCE.init({
//示例内容CSS(应该是您的网站CSS)
content_css:“style12.css”,
//链接/图像/媒体/模板对话框的下拉列表
template_external_list_url:“/tinymce/examples/list/template_list.js”,
外部链接列表url:“/tinymce/examples/lists/link\u list.js”,
外部图片列表url:“/tinymce/examples/lists/image\u list.js”,
媒体外部列表url:“/tinymce/examples/lists/media\u list.js”,

查看您链接到的示例的源代码。
它应该有用

如果你想要很多按钮,这一行很重要

theme : "advanced"

嘿,有几件事应该会有帮助(我相信第一件事会解决你的问题):

  • init脚本中最后一行的任何内容都不应该有逗号。这将导致某些浏览器不显示(0)个按钮。例如,在最后一行末尾有一个逗号:
    media\u external\u list\u url:“/tinymce/examples/lists/media\u list.js”,

  • 确保您的列表url路径正确

  • 无论您使用的主题是什么,您仍然可以定义每个按钮和位置。您可以从“高级”主题开始,在init括号后粘贴以下按钮模板,并将其编辑为表单所需的内容(但请记住确保init部分的最后一行没有逗号):

  • 
    tinyMCE.init({
    模式:“文本区域”,
    主题:“高级”,
    插件:“safari、拼写检查器、分页符、样式、图层、表格、保存、advhr、advimage、advlink、情感、iSpell、inlinepopups、insertdatetime、预览、媒体、搜索替换、打印、上下文菜单、粘贴、方向性、全屏、不可编辑、可视光标、不可中断、xhtmlxtras、模板、图像管理器、文件管理器”,
    主题_高级_按钮1:“保存、新建文档、|、粗体、斜体、下划线、删除线、|、左对齐、居中对齐、右对齐、满对齐、|、样式选择、格式选择、字体选择、字体大小选择”,
    主题高级按钮2:“剪切、复制、粘贴、粘贴文本、粘贴文字、搜索、替换、布利斯特、numlist、outdent、indent、blockquote、|、撤消、重做、链接、取消链接、锚定、图像、清理、帮助、代码、插入日期、插入时间、预览、前景色、后景色”,
    主题|高级|按钮3:“表格控件,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,情感,易趣,媒体,advhr,|,打印,|,ltr,rtl,|,全屏”,
    theme_advanced_按钮4:“插入层、向前移动、向后移动、绝对、|、styleprops、拼写检查器、|、引用、缩写、首字母缩略词、del、ins、attribs、|、visualchars、非中断、模板、块引号、页面中断、|、插入文件、插入图像”,
    主题\高级\工具栏\位置:“顶部”,
    主题\高级\工具栏\对齐:“左”,
    主题\高级\状态栏\位置:“底部”,
    主题\u高级\u大小调整:正确,
    content_css:“style12.css”,
    //链接/图像/媒体/模板对话框的下拉列表
    template_external_list_url:“/tinymce/examples/list/template_list.js”,
    外部链接列表url:“/tinymce/examples/lists/link\u list.js”,
    外部图片列表url:“/tinymce/examples/lists/image\u list.js”,
    媒体外部列表url:“/tinymce/examples/list/media\u list.js”
    }); 
    
    如果您只需要最基本的设置,可以使用此初始化:

    <script type="text/javascript"> 
       tinyMCE.init({ 
          mode : "textareas", 
          theme : "simple" 
       }); 
    </script> 
    
    
    tinyMCE.init({
    模式:“文本区域”,
    主题:“简单”
    }); 
    
    我认为您遇到的主要问题是,您正在加载代码的标记中应用代码更改。您应该关闭脚本标记,然后应用一个新的脚本标记,一个没有加载另一个文件的标记,并在那里应用您的页内脚本。请记住,加载一个文件(单独的标记)然后对加载的代码应用调用

    <script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
    ...code...
    </script>
    
    
    …代码。。。
    
    <script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
    ...code...
    </script>