• サイト内検索
  • サイトマップ
  • twitter
  • pixiv

エントリー

ホーム    ブログ    サイト備忘録

freo備忘録:エディタ「markItUp!」の編集

エディタをmarkItUp!に変更

WYSIWYGではないHTMLエディタを導入する | freo.jp
freoのデフォの投稿エディタがどうにもこうにも使い難いので、HMTLは直打ちにかぎるぜ!ってことで変更。

freo用markItUp!拡張版の配布 | Web Liberty&freoカスタマイズ集

で、さらに拡張版を導入。
日本語にして機能を拡張したものですって、奥さん!ありがたいわぁ~(´∀`*)
動作に問題無し。そして色々便利すぎる!!
イェ━━ヽ( ゚Д゚)人(゚Д゚ )ノ━━━イ!!

エディタのメニューアイコン追加&編集の仕方

ついでにエディタにタグを色々追加&編集
エディタのタグを追加や編集する方法は以下。

 markitup/sets/default/set.js
  →タグを追加。
 markitup/sets/default/style.css
  →タグ用アイコンのclassを追加。
 markitup/sets/default/images/
  →アイコン画像を追加。

文字色選択の色を変えたい場合はmarkitup/sets/default/style.cssでアイコンではなく色で表示するようになっているので、sets.jsとstyle.cssを見比べながら同時にカラーコードを変更すること。

エディタmarkItUp!の編集
上の画像のように番号順に対比がわかりやすくなっているので。
ありがたいねぇ…(´(ェ)`)
ちなみに画像の内容は私が弄った後なので文字色の名前やコードは元のファイルから変更してあります(^ω^;)

外部サイトへのリンクにアイコンをつける | GRAYCODE HTML&CSS
こちらを参考にmarkitup/sets/default/sets.jsに外部リンク用のタグを、style.cssにアイコン画像用のclassを、images/にアイコン画像を追加。
そしてfreo/css/default.cssに装飾を記述する。
てな流れでよく使うタグをどんどんエディタに追加していく。

エディタの投稿画面サイズ

markitup/skins/simple/style.cssを弄って投稿画面を大きさを調整。

freo導入メモまとめは以下。
freo導入まとめ

このページのタイトルとURLをコピーする

ブログ関連記事

ユーティリティ

イベント参加予定

2019年04月29日
申込済み
2019年05月12日
申込済み
2019年05月26日
申込済み
2019年08月10日
申込済み
同人情報

新着作品

黒頭巾くんとオオカミさん2 同人誌

2019年2月17日異種ラブ新刊

書店: とらのあな アリスブックス

DL版: 後日更新予定

黒頭巾くんとオオカミさん 同人誌

2018年4月30日けもケット新刊

書店: とらのあな アリスブックス

DL版: BOOTH DiGiket DLsite FANZA

隣人注意報 前編 同人誌

2014年3月9日J.GARDEN新刊

書店: 後日更新予定

DL版: 後日更新予定

作品一覧

書店

とらのあな
アリスブックス
DiGiket.com
BL同人・ボーイズラブ・BLマンガのダウンロードなら「DLsite がるまに」