WordPressã®TinyMCEã‚’ãƒã‚ãƒã‚ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ | 高橋文樹.com | プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ã“ã®æŠ•ç¨¿ã¯ 13å¹´ å‰ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã„ã¾ã§ã¯ã‚‚ã†ç„¡åŠ¹ã«ãªã£ãŸå†…容をå«ã‚“ã§ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã“ã¨ã‚’ã”了承ãã ã•ã„。 最近続ã„ã¦ã„ã‚‹WordPressエントリーã®ç¶šãã§ã™ã€‚ã¨ã“ã‚ã§ã¿ãªã•ã‚“ã€HTMLã‚¿ã‚°ã¯å¥½ãã§ã™ã‹ï¼Ÿã€€åƒ•ã¯ã¨ã„ã†ã¨ã€ç‰¹ã«å¥½ãã¨ã‹ã¯ãªãã¦ã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯Webを実ç¾ã™ã‚‹ãŸã‚ã«å¤§äº‹ã ã¨ã¯æ€ã†ã‘ã©ã€æ›¸ããŸãã¯ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ ã•ã¦ã€WordPressã«ã¯TinyMCEã¨ã„ã†WYSIWYGエディタãŒã¤ã„ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯WordPressã®ä¸ã®äººã§ã¯ãªãMoxiecodeã¨ã„ã†ã‚¹ã‚¦ã‚§ãƒ¼ãƒ‡ãƒ³ã®äººãŒä½œã£ãŸã‚ªãƒ¼ãƒ—ンソースã®ã‚½ãƒ•ãƒˆã§ã™ã。 今回ã¯ã„ã‹ã«ã‚¿ã‚°æ‰“ã¡ã‚’ã›ãšã«æ¸ˆã¾ã›ã‚‹ã‹ã¨ã„ã†ç‚¹ã«ã—ã¼ã£ã¦ã”説明ã—ã¾ã™ã€‚ãŸã¶ã‚“リンク集ã¿ãŸã„ã«ãªã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®æ–¹æ³•ã¯å¤§ä½“下記ã®é€šã‚Šã§ã™ã€‚ TinyMCEã§ã®è¦‹æ˜ ãˆè‡ªåˆ†ã®ãƒ–ãƒã‚°ã¨çµ±ä¸€ã™ã‚‹ï¼ˆåˆç´šï¼‰ TinyMCEã«å…ƒã‹ã‚‰ã‚ã‚‹ãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã™ã‚‹
投稿エディタ（TinyMCEç‰ï¼‰ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º - freoã¾ã¨ã‚wiki
freoã«TinyMCE4ã‚’å°Žå…¥ã™ã‚‹ï¼ˆWeb Liberty&freoカスタマイズ集）ã€2013/07/19è¿½åŠ ã€‘ TinyMCE4をカスタマイズã™ã‚‹ï¼ˆWeb Liberty&freoカスタマイズ集）ã€2013/07/19è¿½åŠ ã€‘ TinyMCE4ã®ä¸»ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º freoã§TinyMCE4をカスタマイズã—ã¦ã¿ã‚‹ï¼ˆè™¹è‰²ãƒŸãƒ„ãƒãƒ/freoTIPS）ã€2017/09/26è¿½åŠ ã€‘ 1.20.0時点ã§ã®TinyMCE4è¨å®šã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ï¼ˆãƒ†ã‚ストエリアã®æŒ‡å®šã€ãƒœã‚¿ãƒ³ã®è¿½åŠ ã€ãƒ„ールãƒãƒ¼ã®è¿½åŠ ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¾‹ï¼‰ è¿½åŠ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é–¢é€£ TinyMCE4ã§TinyMCE3.xã®ãƒ—ラグインを使用ã™ã‚‹ï¼ˆWeb Liberty&freoカスタマイズ集）ã€2013/09/30è¿½åŠ ã€‘ TinyMCE4ã«rubyタグ入力プラグインを導入⇒↓TinyMCE4用rubyタグ入力プラグインã§å¯¾å¿œ TinyMCE4用rub
TinyMce:é¸æŠžæ–‡å—列をpre,codeã§å›²ã‚€ãƒœã‚¿ãƒ³ | freo&WebDiaryProメモ
<pre><code>æ–‡å—列をé¸æŠžã—ã¦ãƒœã‚¿ãƒ³ã‚’押ã™ã¨pre,codeã‚¿ã‚°ã§å›²ã‚“ã§ãれるプラグインã§ã™</code></pre> ç¾æ™‚点ã§IE,Firefoxã®ã¿ã§ã—ã‹ä½¿ãˆãªã„よã†ã§ã™ã€‚ 他ブラウザã§ã¯è¨˜äº‹ã‚’貼り付ã‘ãŸã¨ãã«Pã‚¿ã‚°ãŒå…¥ã£ã¦ã—ã¾ã„ã€ãƒœã‚¿ãƒ³ãŒä¸Šæ‰‹ã機能ã—ãªã„ã“ã¨ã‚‚ã‚るよã†ã§ã™ã€‚ 改行ãŒã‚るデータを貼り付ã‘ãŸã¨ãã«ï¼°ã‚¿ã‚°ãŒå…¥ã‚‹ã‹ï¼¢ï¼²ã‚¿ã‚°ãŒå…¥ã‚‹ã‹ã§å‹•ä½œãŒç•°ãªã£ã¦ã„る模様。 precode.zip 解å‡ã—ãŸã‚‰precodeフォルダをtiny_mce/pluginsã«å…¥ã‚Œ freo/js/admin.js文末ã«ã‚ã‚‹tinyMCE.init({})ã®ä¸èº«ã‚’編集ã—ã¾ã™ã€‚ plugins: 'precode,advimage, ※advimageã®ç›´å‰ã«precode,カンマもå«ã‚€ã‚’挿入。 プラグインã¨ã—ã¦ãã¡ã‚“ã¨èªã¿è¾¼ã‚ã¦ã„ã‚‹ã‹tinyMceã®ãƒãƒ†ãƒŠãƒœã‚¿ãƒ³ã‚’押ã—ã¾ã™ã€‚プラグインタブã«prec
[WP]TinyMCEã®ãƒ“ジュアルリッãƒã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚«ã‚¹ã‚¿ãƒ ãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã™ã‚‹
WordPressã®ãƒ“ジュアルエディタã«è‡ªä½œã—ãŸãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ã§ã™ã€‚ TinyMCEã®ãƒ—ラグイン作æˆæ‰‹é †ãƒ¡ãƒ¢ã«ã‚‚ãªã£ã¦ã„ã¾ã™ã€‚ ver2.5以下ã¯ç¢ºèªã—ã¦ãªã„ã®ã§ã©ã†ã ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“。多分TinyMCEã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒé•ã†ã®ã§å‹•ã‹ãªã„ã¨æ€ã„ã¾ã™ã€‚ ver2.7ã¯å‹•ãã¾ã—ãŸã€‚ ver2.9ã‚‚å‹•ãã¾ã—ãŸã€‚ ©Fugue Icons サンプルã¨ã—ã¦â–¼ã“ã†ã„ã†ãƒ†ãƒ¼ãƒ–ルをボタン１発ã§è¿½åŠ 出æ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ Table Sample Caption Name Address プラグインã¨ã‹ã§è¨˜äº‹ã®ãƒ†ãƒ³ãƒ—レートを作ã£ã¦ãŠãã¨ã„ã†æ‰‹ã‚‚ã‚ã‚‹ã‘ã©ã€ãƒœã‚¿ãƒ³æŒ¿å…¥ã®æ–¹ãŒæ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã®ã§æ¥½ã§ã™ã€‚ エディタã¸ã®ãƒ†ã‚スト挿入以外ã«ã‚‚ã„ã‚ã„ã‚ãªäº‹ãŒã‚„ã‚Œã¾ã™ã€‚ çµæ§‹é¢å€’ãã•ã„ã®ã§åˆå¿ƒè€…å‘ãã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã‚ã¨ã¤ã„ã§ã«ã‚¨ãƒ‡ã‚£ã‚¿å†…ã®ã‚¹ã‚¿ã‚¤ãƒ«å¤‰æ›´ã«ã¤ã„ã¦ã‚‚解説ã—ã¦ã„ã¾ã™ã€‚ ãªãŠã€ã“ã®æ–¹æ³•ã¯TinyMCE A
![[WP]TinyMCEã®ãƒ“ジュアルリッãƒã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚«ã‚¹ã‚¿ãƒ ãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/ffd28e4bc84e35fdedb9280010d40e5551ee8bf2/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2008%2F11%2Ftinymce-custombutton.png)
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Initial Configuration | TinyMCE Documentation
{{#tags}}- {{label}}
{{/tags}}