jquery - 标记设置问题

Question

这是我在 set.js 中的设置。我基本上不想要 H1 - H3 标签、图像等。所以我删除了这些行，但我的标记文本区域似乎不喜欢设置并显示如下。我正在使用带有基本简单皮肤的纺织品套装。

另外，有没有图片的精灵版本？

mySettings = {
    previewParserPath:  '', // path to your Textile parser
    onShiftEnter:       {keepDefault:false, replaceWith:'\n\n'},
    markupSet: [
        {name:'Heading 4', key:'4', openWith:'h4(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
        {name:'Heading 5', key:'5', openWith:'h5(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
        {name:'Heading 6', key:'6', openWith:'h6(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
        {name:'Paragraph', key:'P', openWith:'p(!(([![Class]!]))!). '},
        {separator:'---------------' },
        {name:'Bold', key:'B', closeWith:'*', openWith:'*'},
        {name:'Italic', key:'I', closeWith:'_', openWith:'_'},
        {name:'Stroke through', key:'S', closeWith:'-', openWith:'-'},
        {separator:'---------------' },
        {name:'Bulleted list', openWith:'(!(* |!|*)!)'},
        {name:'Numeric list', openWith:'(!(# |!|#)!)'}, 
        {separator:'---------------' },
        {name:'Link', openWith:'"', closeWith:'([![Title]!])":[![Link:!:http://]!]', placeHolder:'Your text to link here...' },
        {separator:'---------------' },
        {name:'Quotes', openWith:'bq(!(([![Class]!]))!). '}
    ]
}

Answer 1

您实际上已经删除了按钮，只剩下图像背景。您也必须编辑 css：

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

}
.textile .markItUpButton1 a {
    background-image:url(images/h4.png); 
}
.textile .markItUpButton2 a {
    background-image:url(images/h5.png); 
}
.textile .markItUpButton3 a {
    background-image:url(images/h6.png); 
}
.textile .markItUpButton4 a {
    background-image:url(images/paragraph.png); 
}

.textile .markItUpButton5 a {
    background-image:url(images/bold.png);
}
.textile .markItUpButton6 a {
    background-image:url(images/italic.png);
}
.textile .markItUpButton7 a {
    background-image:url(images/stroke.png);
}

.textile .markItUpButton8 a {
    background-image:url(images/list-bullet.png);
}
.textile .markItUpButton9 a {
    background-image:url(images/list-numeric.png);
}

.textile .markItUpButton10 a {
    background-image:url(images/link.png);
}

.textile .markItUpButton11 a {
    background-image:url(images/quotes.png);
}

（原版： http: //markitup.jaysalvat.com/examples/textile/）

没有精灵版本 AFAIK，但您可以自己创建一个 :-)

Answer 2

实际上，您只需要在 CSS 文件中隐藏按钮（使用display: none;）。不要修改 JS 文件来评论或删除项目；你可以评论或删除分隔符

 {separator:'---------------' },

Answer 3

如果你想隐藏一些按钮，你应该改变的是CSS文件而不是JS设置文件。

.markItUp .markItUpButton1 a {
background-image:url(images/h1.png); 
display: none;}

只需设置 display: none 即可。