- 追加された行はこの色です。
- 削除された行はこの色です。
[[PukiWiki/1.4/ちょっと便利に]]
*JavascriptでPukiwikiの入力支援 [#v2287d5a]
見た目はこんな感じになります。
&ref(screenshot.jpg,noimg);
:詳細
+文字装飾（強調、斜体、下線、打ち消し線、文字色、文字背景色、文字サイズ）支援。サンプル文字の変化を見ながら装飾を指定できます。(font-typeも指定できる様になっていますが、適当なプラグインが無いので出力結果には反映されません。)
+整形済みテキストを<pre></pre>で囲み出力
+refプラグインでの画像添付支援（&ref(＊入力結果＊);と出力するだけです。^^;
+%%（がんばれば、ポップアップウィンドウでアップロード＆その後refプラグインで自動出力ってのが出来るかも…。）%%
++3rd partyのattachrefを使えば出来そうですね・・・。
+%%（rule.ini.phpの内容を自動で編集用textarea下に張って、クリックするだけで挿入ってことが出来るはず…。手動でこの部分を追加できることは出来るんですけどね…未実装です。）%%
++スマイリー実装済みです。rules.inc.phpで定義してあるスマイリーがtextare下部に表示され、クリックで挿入されます。&new{2004-08-07 (土) 20:54:51};
+オマケフィールド２つ追加（&new{2004-08-07 (土) 20:54:51};）：カテゴリー分けをしている人や、レビュー（感想・書評）系コンテンツを管理している人には便利なフィールドです。ハードコードされていますが、デフォルトでは'':Category/''と'':Rating/''以下のページがエイリアス付きで選択できます。 ~
例： :Category/Movie というページは
[[Movie>:Category/Movie]]
と出力されます。
:導入方法|pukiwiki-js-support.zipを解凍し、解凍後に出来たpukiwikiフォルダ以下をアップロードして下さい。この際、html.phpのみ上書きされるのでバックアップを取ることを忘れないでください。
:ダウンロード|%%&ref(pukiwiki-js-support.zip);%%
:|&ref(pukiwiki-js-support1.0.zip); - &new{2004-08-07 (土) 20:54:51};
**Comments [#n4efc4c2]
-Xoops版のB-wiki用にハックしたファイルをPukiwikiへちょっと手直しをして持ってきただけです。^^;本当は、スマイリー用の関数とかもあるんですけど…Pukiwiki用に直すのが面倒なので削ってあります。 -- [[Olorin]] &new{2004-03-28 (日) 19:07:31};
-まだ試していないのですが、スマイリーいいなぁ。 -- [[upk]] &new{2004-03-30 (火) 01:44:42};
-MozillaFirefoxではボタンの上にカーソルを持っていっても指にならないのは何故？MozillaFirefoxはcursor:に対応していますが…。 -- [[Ratbeta]] &new{2004-03-30 (火) 11:52:50};
--CSSのcursorプロパティにはhandという値はありません。handはIEの方言です。W3CのCSS2では、pointerという値を指定する必要があります。
-XHTML 1.1ではaタグにname属性は使えません。id属性を使用してください。また、onclickを指定する場合はonkeypressも指定することが[[アクセス指針技術文書4.12.2>http://www.w3.org/TR/WCAG10-TECHS/#scripts]]で求められています。-- &new{2004-03-30 (火) 18:54:02};
--html.php 191行目
- <div class="odd"><a name='moresmiley'></a><img onmouseover='style.cursor="hand"' src='./image/url.gif' alt='url' onclick='bwikiCodeUrl("contents", "Enter the URL of the link you want to add:", "Enter the web site title:");' /> <img onmouseover='style.cursor="hand"' src='./image/email.gif' alt='email' onclick='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' /> <img onclick='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onmouseover='style.cursor="hand"' src='./image/imgsrc.gif' alt='imgsrc' /> <img src='./image/code.gif' onmouseover='style.cursor="hand"' alt='code' onclick='javascript:bwikiCodeCode("contents", "Enter the codes that you want to add.");' /><br />
+ <div class="odd"><a id='moresmiley'></a><img onmouseover='style.cursor="pointer"' src='./image/url.gif' alt='url' onclick='bwikiCodeUrl("contents", "Enter the URL of the link you want to add:", "Enter the web site title:");' /> <img onmouseover='style.cursor="pointer"' src='./image/email.gif' alt='email' onclick='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' onkeypress='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' /> <img onclick='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onkeypress='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onmouseover='style.cursor="pointer"' src='./image/imgsrc.gif' alt='imgsrc' /> <img src='./image/code.gif' onmouseover='style.cursor="pointer"' alt='code' onclick='javascript:bwikiCodeCode("contents", "Enter the codes that you want to add.");' /><br />
-<div class="odd"><a name='moresmiley'></a><img onmouseover='style.cursor="hand"' src='./image/url.gif' alt='url' onclick='bwikiCodeUrl("contents", "Enter the URL of the link you want to add:", "Enter the web site title:");' /> <img onmouseover='style.cursor="hand"' src='./image/email.gif' alt='email' onclick='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' /> <img onclick='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onmouseover='style.cursor="hand"' src='./image/imgsrc.gif' alt='imgsrc' /> <img src='./image/code.gif' onmouseover='style.cursor="hand"' alt='code' onclick='javascript:bwikiCodeCode("contents", "Enter the codes that you want to add.");' /><br />
+<div class="odd"><a id='moresmiley'></a><img onmouseover='style.cursor="pointer"' src='./image/url.gif' alt='url' onclick='bwikiCodeUrl("contents", "Enter the URL of the link you want to add:", "Enter the web site title:");' /> <img onmouseover='style.cursor="pointer"' src='./image/email.gif' alt='email' onclick='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' onkeypress='javascript:xoopsCodeEmail("contents", "Enter the email address you want to add.");' /> <img onclick='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onkeypress='javascript:bwikiCodeImg("contents", "Enter the URL of the image you want to add.", "Now, enter the position of the image.", "'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "ERROR! Enter the position of the image.");' onmouseover='style.cursor="pointer"' src='./image/imgsrc.gif' alt='imgsrc' /> <img src='./image/code.gif' onmouseover='style.cursor="pointer"' alt='code' onclick='javascript:bwikiCodeCode("contents", "Enter the codes that you want to add.");' /><br />
-部分編集するとページが全て書き換えられてしまいました。心臓に悪い。 -- [[ははは]] &new{2004-03-31 (水) 00:06:33};
-指摘していただいた件…未修正です…ヤル気なくて済みません＞ははは さん
&br;それと、いくつか未実装ですが、個人的なBwikiの改造がここで満足のいくレベルに達したのでPukiwikiでコレ以上いじる予定はありません。
&br;Javascript群ですがXoopsに付いて来たのでGPLだと判断して問題はない%%ですよね？%%と思います。
&br;結構便利な機能だと思います…。OperaだとcaretPositionが記録されない様なので微妙な使用感ですが…。
&br;最後に、リリースするには適当過ぎるコーディングですが、とりあえず使えますので…お許しください。-- [[Olorin]] &new{2004-08-07 (土) 20:54:51};
#comment
![[PukiWiki]](image/pukiwiki-dev.png "[PukiWiki]")
