ユーティリティ

2017/12

- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

How To Taiwan DOMO

本家台湾飛天スタートガイド

台湾飛天の情報

Vote for DOMO, thank you

復活して欲しいオンラインゲームはありますか?

飛天に一票お願いします。

Tag Cloud

Search

エントリー検索フォーム
キーワード

rss-feedFeed

ブログの絞込みをかけると、それぞれのフィードが表示されます。

Tag Cloud - "markItUp!"

rss-feedTag Cloud - "markItUp!"のRSSフィード

エントリー

markItUp!のプレビューにサイトデザインのCSSを適用する

201311290126.png

正確に言えばdefault.cssを読み込む、だけどもサイトデザイン適用って言った方が分かり良いかなーと。
たいしたとこはしちゃあいませんが、やっとくと捗ります。 簡単なので、オススメ。

preciew.html

freo/markitup/templates/preciew.html

<!-- content -->

<div id="container">
<!-- content -->
</div>

にする。

preciew.css

freo/markitup/templates/preciew.css

@import "../../css/common.css";
の直後に
@import "../../css/default.css";
を追加する。

以上。

補足

<div id="container">の部分は、お使いのデザインに合わせて適宜変えてください。本文にかかる部分の背景を設定しているclassやらIDやらつっこんでおけばいいです。
エントリー単位でデザインを分けているなら<div class="entry">にすればいいですし、背景が最初から白いならそもそもpreciew.htmlの編集の必要がない場合も。
……あ、エントリーとページと別デザイン使ってる場合の表示切り替えとかはさすがにわかんない……。

他に読み込みたいCSSがあれば、@importの行を好きなだけ増やしたらいいです。

freowikiとか見るとmarkItUp!関係はうちのページが並んでて有り難い限りなんだけども、このくらいのことは、日本語じゃないだけで解説あると思うんだよねえ。
もし英語とJavaScriptが扱えたら、いろんなサイト見て色々カスタム出来そうだよなー……。うーむ、口惜しや。

markItUp!にカラーパレットボタンをつける

201308180008.png

普段使わないちょろめでmarkItUp!の公式を開いたら自動翻訳してくれたので、前々から欲しかったカラーパレットのセットを落として覗いてみたところ、なんかできそうな気がしたのでがんばってみました。

マウスをのっけたらパレットが出てきます。ボタン自体をシングルクリックすると、カラーコードを直接入力できます。

markItUp!がFreoのデフォルトのままなら、そのまま上書き保存すれば9色追加できるZIPをご用意しました。2013/8/14の公式freoのmarkItUp!バージョンアップはjquery.markitup.jsのみなので大丈夫です。
解凍した後のdefaultフォルダーをfreo/markitup/sets/の中のdefaultにかぶさるように上書きすればいいですが、バックアップはとっといてください。

続きは、カスタマイズ済みの方へ、実装の仕方と応用。

続きを読む

markItUp!のタグボタンを追加する

201308180301.png

他記事を引用することが多くblockquoteタグボタンが欲しかったので。
ないとさんからヒント頂きました。

freo/markitup/sets/default/の中のファイルを主にいじります。
実例で説明していきます。

続きを読む

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1