0

これが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]!]))!). '}
    ]
}
4

3 に答える 3

0

実際にボタンを削除しました。画像の背景だけが残っています。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/ )

私の知る限りスプライトバージョンはありませんが、自分で作成できます:-)

于 2012-06-02T15:22:17.527 に答える
0

実際、CSS ファイルでボタンを非表示にする必要があるだけです ( を使用display: none;)。JS ファイルを変更して、コメントを付けたり項目を削除したりしないでください。セパレーターをコメントまたは削除するだけです

 {separator:'---------------' },
于 2012-12-05T13:16:36.487 に答える
-2

一部のボタンを非表示にする場合、変更する必要があるのは CSS ファイルであり、JS 設定ファイルではありません。

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

display: none を設定するだけでOKです。

于 2011-01-04T15:38:09.637 に答える