不会出现Tinymce 4工具栏图标

时间:2013-12-10 12:24:56

标签: asp.net tinymce-4

我有一个asp.net项目,我正在使用tinymce 4.它工作得很好但是我的编辑按钮突然消失了。我从互联网上搜索解决方案,但我找不到任何解决方案。

图片上的图标。我该怎么办。 此致...

enter image description here

<script src="js/tinymce/tinymce.min.js"></script>
<script>
    tinyMCE.init({
        forced_root_block: "",//remove p tags
        mode: "textareas",
        selector: ".tinymce",
        theme: "modern",
        height: 450,
        resize: false,
        statusbar: false,
        plugins: ["advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"],
        toolbar1: "styleselect | bold italic underline | pagebreak code preview | undo redo | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent ",
    });
</script>




 <asp:TextBox ID="txt_reading" runat="server" CssClass="tinymce"></asp:TextBox>

1 个答案:

答案 0 :(得分:3)

我无法添加我的代码来回答,因此以下链接包含css代码。

如果有人在将来遇到同样的问题,我希望这会有所帮助。

 <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />

<style type="text/css" rel="stylesheet">
.mce-i-bold, 
.mce-i-italic, 
.mce-i-underline, 
.mce-i-forecolor, 
.mce-i-backcolor, 
.mce-i-code, 
.mce-i-preview, 
.mce-i-undo, 
.mce-i-redo, 
.mce-i-alignleft, 
.mce-i-aligncenter, 
.mce-i-alignright, 
.mce-i-alignjustify, 
.mce-i-bullist, 
.mce-i-numlist, 
.mce-i-outdent, 
.mce-i-indent,
.mce-i-newdocument,
.mce-i-print,
.mce-i-cut,
.mce-i-copy,
.mce-i-paste,
.mce-i-media,
.mce-i-image,
.mce-i-link,
.mce-i-charmap,
.mce-i-anchor,
.mce-i-selected,
.mce-i-strikethrough,
.mce-i-superscript,
.mce-i-subscript,
.mce-i-removeformat,
.mce-i-table,
.mce-i-close:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


.mce-i-bold:before
{
    content: "\f032";
}


.mce-i-italic:before
{
    content: "\f033";
}


.mce-i-underline:before
{
    content: "\f0cd";
}

.mce-i-forecolor:before
{
    content: "\f031";
}

.mce-i-backcolor:before
{
    content: "\f031";
}



.mce-i-code:before
{
    content: "\f121";
}


.mce-i-preview:before
{
    content: "\f06e";
}


.mce-i-undo:before
{
    content: "\f0e2";
}


.mce-i-redo:before
{
    content: "\f01e";
}


.mce-i-alignleft:before
{
    content: "\f036";
}


.mce-i-aligncenter:before
{
    content: "\f037";
}


.mce-i-alignright:before
{
    content: "\f038";
}


.mce-i-alignjustify:before
{
    content: "\f039";
}

.mce-i-bullist:before
{
    content: "\f0ca";
}


.mce-i-numlist:before
{
    content: "\f0cb";
}


.mce-i-outdent:before
{
    content: "\f03b";
}

.mce-i-indent:before
{
    content: "\f03c";
}


.mce-i-newdocument:before
{
    content:"\f0f6" ;
}

.mce-i-print:before
{
    content: "\f02f";
}

.mce-i-cut:before
{
    content:"\f0c4" ;
}

.mce-i-copy:before
{
    content:"\f0c5" ;
}

.mce-i-paste:before
{
    content:"\f0ea" ;
}

.mce-i-media:before
{
    content: "\f008";
}

.mce-i-image:before
{
    content:"\f03e" ;
}

.mce-i-link:before
{
    content: "\f0c1";
}

.mce-i-charmap:before
{
    content:"\f195" ;
}

.mce-i-anchor:before
{
    content:"\f02e" ;
}

.mce-i-selected:before
{
    content:"\f00c" ;
}

.mce-i-strikethrough:before
{
    content:"\f0cc" ;
}

.mce-i-superscript:before
{
    content:"\f12b" ;
}

.mce-i-subscript:before
{
    content:"\f12c" ;
}

.mce-i-removeformat:before
{
    content:"\f12d" ;
}

.mce-i-table:before
{
    content:"\f0ce" ;
}


.mce-i-close:before
{
    content: "\f00d" ;
}


</style>