upgrade lên 4.1.4 bị lỗi không hiển thị editor

cách đó là đơn giản nhất còn cần gì hơn được nữa

up file này vào thư mục editor trong style của bạn
http://itvnn.net/images/editor/sprite.png

link

Code:

---

http://itvnn.net/images/editor/sprite.png

---

vào templete của bạn -> edit templete -? css templete -> editor.css

Sửa thành thế này

Code:

---

.texteditor.content .cke_skin_kama textarea.cke_source,.texteditor textarea {
        font: {vb:stylevar content_msg_font};
}


.formcontrols .blockrow.texteditor textarea:focus {
        background-color: #FFFFFF;
}


.texteditor.forum .cke_skin_kama textarea.cke_source,
.texteditor.forum textarea {
        font: {vb:stylevar forum_msg_font};
}


.editor_smiliebox {
        float:{vb:stylevar right};
        width:{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5)};
        height:200px;
        _background-color:{vb:stylevar textedit_background.backgroundColor};
        _border:solid 1px {vb:stylevar mid_border.borderColor};
        padding:0 3px 3px 3px;
}


.editor_smiliebox .blocksubhead {
        padding:0;
        font-size:{vb:stylevar small_fontSize};
        font-weight:normal;
        text-align:center;
        background:{vb:stylevar content3_background.backgroundColor};
        border:solid 1px {vb:stylevar mid_border.borderColor};
        border-width:1px 0;
}


.editor_smiliebox ul.smiliebox {
        height:190px;
        overflow:hidden;
}


.editor_smiliebox ul.smiliebox li {
        float:{vb:stylevar left};
        height:{vb:stylevar editor_smiliebox_smiliesize};
        width:{vb:stylevar editor_smiliebox_smiliesize};
        margin:2px;
        overflow:hidden;
        position:relative;
        text-align:center;
}


.editor_smiliebox ul.smiliebox li div.table {
        display:table;
        height:100%;
        margin:auto;
        /* IE8 needs the following, see https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=425785#tabs */
        table-layout:fixed;
        width:{vb:stylevar editor_smiliebox_smiliesize};
}


.editor_smiliebox ul.smiliebox li div.tablecell {
        display:table-cell;
        vertical-align:middle;
}


.editor_smiliebox ul.smiliebox li img {
        height:auto;
        max-width:{vb:stylevar editor_smiliebox_smiliesize};
        width:auto !important;
        cursor: pointer;
}


.editor_smiliebox div.moresmilies {
        text-align:center;
        font-size:{vb:stylevar small_fontSize};
}


.editor_textbox_container {
        width:100%;
        float:{vb:stylevar left};
        margin:0;
}


.editor_textbox_container.smilie {
        margin-{vb:stylevar right}:-{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5) + 90};
}


.editor_textbox_smilie {
        margin-{vb:stylevar right}:{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5) + 10};
}


/* dropdown button */
.cke_skin_kama_container {
        visibility:visible;
        background: #FFFFFF; // no stylevar
}


.cke_skin_kama_container body {
        min-width: 0;
}


.attachment a {
        padding: 1px 0;
        border: 1px solid #ffffff;
        display: block;
}


.attachment a:hover {
        padding: 1px 0;
        border-color: #316ac5;
        background-color: #dff1ff;
}




.editorpopupbody {
        padding: 5px;
        min-width: 200px;
        max-height:250px;
        overflow-y:auto;
        overflow-x:hidden;
}




.editorpopupbody li.attachment {
        white-space:nowrap;
}


.cke_skin_kama .cke_panel.cke_attach {
        width:250px;
        height:auto;
}


/* attachment click */
.previewthumbactive {
        position: absolute;
        background: url('{vb:stylevar imgdir_misc}/pencil.png') no-repeat top left;
        cursor: pointer;
        border:1px solid red;
        margin:0;
        z-index: 10;
}


img.previewthumb.active {
        cursor: pointer;
        border:1px solid red;
        margin:0;
}


div.attach_insert_all {
        cursor: pointer;
        background-color:{vb:stylevar textedit_background.backgroundColor};
        padding: 2px;
}


/* ie8 width fix */
.cke_browser_ie8 .cke_editor {
        display: block !important;
}


/* disabled background override */
.cke_button .cke_disabled:hover {
        background-color: transparent !important;
}


/* icons */
.cke_skin_kama span:not(.cke_browser_ie) .cke_button .cke_icon {
        background: url('{vb:stylevar imgdir_editor}/sprite.png') no-repeat top left;
}


.cke_skin_kama .cke_browser_ie .cke_button .cke_icon {
        position: relative;
        overflow: hidden;
        width: 16px;
        height: 16px
}


.cke_skin_kama .cke_browser_ie .cke_button .cke_icon_image {
        position: absolute;
        width: 2448px;
        height: 60px;
        background: url('{vb:stylevar imgdir_editor}/sprite.png') no-repeat top left;
}


.cke_skin_kama .cke_browser_ie .cke_button .cke_icon_image.custom {
        background: none;
}


.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled .cke_icon {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}


.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled .cke_icon {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}


.cke_skin_kama .cke_browser_ie .cke_button a.cke_on .cke_icon_image {
        top: 0px;
}


.cke_skin_kama .cke_browser_ie .cke_button a.cke_off .cke_icon_image {
        top: -20px;
}


.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled .cke_icon_image {
        top: -40px;
        filter: ;
}


/* VBIV-11809 */
.cke_skin_kama .cke_browser_ie .cke_button .cke_button_textcolor .cke_buttonarrow {
        filter: ;
}


.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button a.cke_disabled .cke_icon_image {
        top: -40px;
        filter: ;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_openAttachmentWindow .cke_icon {
        background-position: 0 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_openAttachmentWindow .cke_icon_image {
        left: 0px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_enhancedsource .cke_icon
{
        background-position: -1597px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_enhancedsource .cke_icon_image
{
        left: -1597px;
}
.cke_skin_kama .cke_button_enhancedsource .cke_label
{
        /* This displays the "source" text next to the source button!*/
        /*display: inline !important;*/
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_pastefromword .cke_icon
{
        background-position: -2430px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_pastefromword .cke_icon_image
{
        left: -2430px;
}
.cke_skin_kama span:not(.cke_browser_ie) .cke_button_removeFormat .cke_icon
{
        background-position: -1447px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_removeFormat .cke_icon_image
{
        left: -1447px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_bold .cke_icon
{
        background-position: -50px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_bold .cke_icon_image
{
        left: -50px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_italic .cke_icon
{
        background-position: -897px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_italic .cke_icon_image
{
        left: -897px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_underline .cke_icon
{
        background-position: -2247px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_underline .cke_icon_image
{
        left: -2247px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_subscript .cke_icon
{
        background-position: -2147px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_subscript .cke_icon_image
{
        left: -2147px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_superscript .cke_icon
{
        background-position: -2197px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_superscript .cke_icon_image
{
        left: -2197px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_table .cke_icon
{
        background-position: -2047px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_table .cke_icon_image
{
        left: -2047px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_tableProperties .cke_icon
{
        background-position: -1797px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_tableProperties .cke_icon_image
{
        left: -1797px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_tableDelete .cke_icon
{
        background-position: -1847px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_tableDelete .cke_icon_image
{
        left: -1847px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowInsertBefore .cke_icon
{
        background-position: -1997px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbRowInsertBefore .cke_icon_image
{
        left: -1997px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowInsertAfter .cke_icon
{
        background-position: -1947px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbRowInsertAfter .cke_icon_image
{
        left: -1947px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbRowDelete .cke_icon
{
        background-position: -1897px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbRowDelete .cke_icon_image
{
        left: -1897px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnInsertBefore .cke_icon
{
        background-position: -1747px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbColumnInsertBefore .cke_icon_image
{
        left: -1747px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnInsertAfter .cke_icon
{
        background-position: -1697px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbColumnInsertAfter .cke_icon_image
{
        left: -1697px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbColumnDelete .cke_icon
{
        background-position: -1647px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_vbColumnDelete .cke_icon_image
{
        left: -1647px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_horizontalrule .cke_icon
{
        background-position: -2097px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_horizontalrule .cke_icon_image
{
        left: -2097px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_smiley .cke_icon
{
        background-position: -1497px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_smiley .cke_icon_image
{
        left: -1497px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_iespell .cke_icon
{
        background-position: -1547px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_iespell .cke_icon_image
{
        left: -1547px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_link .cke_icon
{
        background-position: -300px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_link .cke_icon_image
{
        left: -300px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_Email .cke_icon
{
        background-position: -401px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_Email .cke_icon_image
{
        left: -401px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_unlink .cke_icon
{
        background-position: -2346px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_unlink .cke_icon_image
{
        left: -2346px;
}
.cke_skin_kama span:not(.cke_browser_ie) .cke_button_image .cke_icon, .cke_skin_kama span:not(.cke_browser_ie) .cke_button_vbimage .cke_icon
{
        background-position: -747px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_image .cke_icon_image, .cke_skin_kama .cke_browser_ie .cke_button_vbimage .cke_icon_image
{
        left: -747px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_videotag .cke_icon
{
        background-position: -2397px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_videotag .cke_icon_image
{
        left: -2397px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_Quote .cke_icon
{
        background-position: -1347px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_Quote .cke_icon_image
{
        left: -1347px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_Code .cke_icon
{
        background-position: -151px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_Code .cke_icon_image
{
        left: -151px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_Html .cke_icon
{
        background-position: -451px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_Html .cke_icon_image
{
        left: -451px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_Php .cke_icon
{
        background-position: -1297px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_Php .cke_icon_image
{
        left: -1297px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_PageBreak .cke_icon
{
        background-position: -1147px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_PageBreak .cke_icon_image
{
        left: -1147px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_PreviewBreak .cke_icon
{
        background-position: -100px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_PreviewBreak .cke_icon_image
{
        left: -100px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_textcolor .cke_icon
{
        background-position: -201px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_textcolor .cke_icon_image
{
        left: -201px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_undo .cke_icon
{
        background-position: -2297px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_undo .cke_icon_image
{
        left: -2297px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_undo .cke_icon
{
        background-position: -1397px 0;
}
.cke_skin_kama .cke_rtl .cke_browser_ie .cke_button_undo .cke_icon_image
{
        left: -1397px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_redo .cke_icon
{
        background-position: -1397px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_redo .cke_icon_image
{
        left: -1397px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_redo .cke_icon
{
        background-position: -2297px 0;
}
.cke_skin_kama .cke_rtl .cke_browser_ie .cke_button_redo .cke_icon_image
{
        left: -2297px;
}


.cke_skin_kama .cke_rtl .cke_rcombo {
        float:right;
}


.cke_skin_kama .cke_browser_ie6 .cke_rtl .cke_rcombo,
.cke_skin_kama .cke_browser_ie7 .cke_rtl .cke_rcombo  {
        float:none;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_numberedlist .cke_icon
{
        background-position: -797px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_numberedlist .cke_icon_image
{
        left: -797px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_bulletedlist .cke_icon
{
        background-position: -847px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_bulletedlist .cke_icon_image
{
        left: -847px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_outdent .cke_icon
{
        background-position: -1097px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_outdent .cke_icon_image
{
        left: -1097px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_indent .cke_icon
{
        background-position: -697px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_indent .cke_icon_image
{
        left: -697px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifyleft .cke_icon
{
        background-position: -997px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_justifyleft .cke_icon_image
{
        left: -997px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifycenter .cke_icon
{
        background-position: -947px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_justifycenter .cke_icon_image
{
        left: -947px;
}


.cke_skin_kama span:not(.cke_browser_ie) .cke_button_justifyright .cke_icon
{
        background-position: -1047px 0;
}
.cke_skin_kama .cke_browser_ie .cke_button_justifyright .cke_icon_image
{
        left: -1047px;
}


/* rtl icons */


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_undo .cke_icon
{
        background-position: -1397px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_undo .cke_icon_image
{
        left: -1397px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_redo .cke_icon
{
        background-position: -2297px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_redo .cke_icon_image
{
        left: -2297px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_outdent .cke_icon
{
                background-position: -697px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_outdent .cke_icon_image
{
                left: -697px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_indent .cke_icon
{
                background-position: -1097px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_indent .cke_icon_image
{
                left: -1097px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_columnInsertBefore .cke_icon
{
        background-position: -1697px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_columnInsertBefore .cke_icon_image
{
        left: -1697px;
}


.cke_skin_kama .cke_rtl span:not(.cke_browser_ie) .cke_button_columnInsertAfter .cke_icon
{
        background-position: -1747px 0;
}
.cke_skin_kama .cke_browser_ie .cke_rtl .cke_button_columnInsertAfter .cke_icon_image
{
        left: -1747px;
}


.cke_skin_kama .cke_dialog .cke_dialog_ui_labeled_label {
        float:none;
}


.cke_skin_kama .cke_dialog input[type="file"] {
        border:1px inset;
}


.cke_skin_kama div.cke_bottom_restore_autosave {
        position:relative;
}


.cke_skin_kama div.cke_bottom_restore_autosave .cke_toolgroup {
        height:18px;
        position:absolute;
        top:4px;
        padding:0 3px 0 0;
}


.cke_skin_kama div.cke_bottom_restore_autosave a.restoretext {
        cursor:pointer;
        height:12px;
        background-image:none
}


.cke_skin_kama div.as_ind_container {
        position:relative;
}


.cke_skin_kama div.as_ind_container div {
        background-color:{vb:stylevar editor_autosave_notice_background.backgroundColor};
        right:0;
        position:absolute;
        padding:2px;
        top:-12px;
        font-weight:bold;
}


.cke_skin_kama .cke_toolbox {
        margin-bottom: 5px;
}


/* VBIV-11874 Override CSS so that textarea popup resizes with the dialog */
.cke_skin_kama .cke_dialog .cke_dialog_ui_textarea.cke_pastetext {
        width:auto;
        height:auto;
}


.cke_dialog_tab:focus {
        outline:none;
}

---

Sau đó vào khung soạn thảo xem thử và vào topic này nhấn nút thanks:MatCuoi (67):

Anh hanhkhat giữu nghề giờ mới thò bài ra nhá định kinh doanh bí kíp nhưng mà mem dòi nhiều quá đành xả thân " cái bang là ai ? ăn mày là ai ? >> chính anh Hanhkhat :)) "

Hôm nay sửa style vista-ctk31dlu lên 4.1.4 gặp cái lỗi này nên xử nó luôn:MatCuoi (23):

Trích:

---

Nguyên văn bởi hanhkhat

Hôm nay sửa style vista-ctk31dlu lên 4.1.4 gặp cái lỗi này nên xử nó luôn:MatCuoi (23):

---

Anh có định up của anh lên 4.1.4 không ạ :( hay 4.1.5 cho máu

Đang up lên 4.1.4
Mình up lên để share thôi chứ diễn đàn mình thì vẫn để 4.0.7. Chẳng chết ai :D

Hi, mình dung cách này và đã đổi button editor sang skin office 2010 thành công . thanks :MatCuoi (37):, lúc trước cứ đổi từng icon, ai dè là do cái sprite
thi ra là do cái CSS

E đã làm thử cách ở trên nhưng không được .các anh xem cho e xem . e dùng google chome thì hiện mà còn trình duyệt IE vs Mozilla Firefox lại Không được là sao .Mong Mấy anh giúp đỡ .Ðính Kèm 4175

Bạn thử gỡ cái avim và Quick Full Reply gì đó ra thử, thường 2 cái này hay gây lỗi này! :MatCuoi:

http://forum.xemlayeu.net/showthread...7c-v%E1%BB%9Bi...

mình đã cài mudim , upload editor của 4.1.4 nhưng vẫn bị. lạ 1 chỗ là sao nó lúc bị lúc không. Vào lúc đầu thì o thấy bị, posst bài 1 lúc là bị .. hellp meeee