リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
TinyMCE/Configuration/mode - Junoe PukiWiki
mode † このオプションは各要素がどうやってTinyMCEに組み込まれていくかというのを決定します。 このオプションは下記の値を取れます。 textareas 全てのテキストエリアをページがロードされたときにTinyMCEエディタにします。 specific_textareas textarea_trigger属性がtrueに設定されたテキストエリアをTinyMCEエディタにします exact 特定の要素をTinyMCEエディタにします。オプション値elementsに列挙し、Divタグやテキストエリアなどの要素を指定することが可能です。 ↑ 例 † mode値を設定する例です。 tinyMCE.init({ ... mode : "exact", elements : "elm1,elm2" });
jQueryなLightboxライブラリのThickBoxをAjaxなコンテンツで使う方法 ノウハウ [okyuu.com]
Perl (33) PHP (70) Python (20) Ruby (193) VB,VB.net (16) XML (2) Lisp (0) shell (9) その他 (12) 開発ツール (53) Eclipse (12) Emacs (6) NetBeans (0) vi (9) VisualStudio (6) その他 (20) アルゴリズム (45) フレームワーク (7) テスト/デバッグ (13) その他 (36) インターネット (324) ブラウザ/クライアントサイド (81) IE (6) Firefox (38) Flash (6) AIR (2) Silverlight (2) その他 (27) Web API (49) SEO (17) Webログ解析 (3) メール関連 (10) Webページ制作 (34) DNS (0) Webサーバ (22) APサー
悪意あるコードの侵入を阻止するツール、HTML Purifier | OSDN Magazine
HTML Purifierは、HTMLの正当性を確保しクロスサイト・スクリプティングなどの悪意あるコードの侵入を阻止するツールだ。同プロジェクトのページPluginsには、現在、CodeIgniter、Drupal、MODx、Phorum、Joomla!、WordPress用のプラグイン類が用意されている。これを導入しておけば、利用者が、閲覧したブラウザーで実行される悪意あるコードをHTMLコンテンツに挿入することができなくなる。実際の動作をデモ・ページで確かめることもできる。 HTML Purifierは、既知の悪意あるHTMLコードを探すブラックリスト方式ではなく、ホワイトリスト方式を採用している。したがって、正当なHTML文書を構成するすべてのパーツを明示的に指定する必要がある。どのようなコンテキストで何が許されるかは、Smoketestページで確認することができる。正当なHTMLと
TinyMCE | Documentation
Quick start Introduction & getting started Basic setup Classic editing mode Inline editing mode Distraction-free editing mode Multiple editors in a page Options for installing TinyMCE Upgrading TinyMCE Using plugins to extend TinyMCE Customizing the UI Boilerplate content CSS Image uploads Spell checking Content filtering Localization Logo attribution Supported Versions and Platforms Supported Tin
EC-CUBEの管理画面でWYSIWYGエディタを使用する | 株式会社サイバーウィル
EC-CUBEの商品登録では、その商品の解説を「詳細メインコメント」や「一覧メインコメント」に入力します。しかし、デフォルトの入力欄はただのテキストエリアなので、凝った表現をしようとすると大変です。 いつもはテキストエディタやDreamweaverなどでHTMLファイルを作成してから、その内容をコメント入力欄にコピーしています。けどやっぱり煩雑なので、コメント入力欄をもっと使いやすく強力なようにカスタマイズしました。 その結果、HTMLが分からないクライアントでもビジュアルなインターフェースで管理画面から楽々とコメントを作成できるようになりました。 どういったカスタマイズかと言うと、コメント入力欄にWYSIWYGエディタを設置したのです。 MovableTypeやWordPressといったCMSでは、コンテンツの入力欄がまるでホームページ作成ソフトのようになっています。そのインターフェ
TinyMCEはBRタグの代わりにPタグを使うのがうっとうしい - tohokuaikiのチラシの裏
TinyMCEはPタグを基本として使う。 思想としてはわかる。文章を打っていて、リターンをするとそれでパラグラフって扱う感じ。 で、パラグラフの中に区切りとしての改行が欲しい場合は「Shift-Keyを押しながらリターン」を打つ。MSのWordとかもそんな感じ。 なんだけれども、 google:tinymce Pタグ ってしてみると、やっぱり困ってる人が多いみたい。 何が困るかって、そもそもTinyMCEで入力させる部分がPタグの一要素として考えるからなんだけど。 まぁ普通にWeb制作する場合はそうだわな。 というわけで、これを入れさせない方法。 TinyMCE_ForceParagraphs._insertParaってメソッドがそのPタグ混入方法なので、これの分岐を行かないようにif (false&&ってつける。 TinyMCEはソースコードが圧縮されているので、まぁなんとなく下の画像見
j4f::logs » Blog Archive » CakePHP 1.2 でFCKeditorを使ってみた
30 7 月 07 CakePHP 1.2 でFCKeditorを使ってみた the BakeryのUsing FCKeditor with CakePHPを参考にCakePHP 1.2でFCKeditorを使ってみた。 最初にFCKeditorの本体をダウンロードし、以下のファイルを”/app/webroot/js”へコピー editor(ディレクトリ) fckeditor.js fckconfig.js fckstyles.xml fcktemplates.xml 次はHelperの作成 /app/view/helpers/fck.php <?php class FckHelper extends Helper { function load($id, $toolbar = ‘Default’) { foreach (explode(’[', str_replac
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
cakePHP tiny_mceの使い方
■sample10 cakePHP tiny_mceの使い方 ●textarea入力のエディタであるtiny_mceのサンプルです。 TinyMCEはJavascriptで書かれたWYSIWYGのWEBエディタで、HTMLを編集することができます。 このエディタをCakePHPで使ってみます。 http://tinymce.moxiecode.comからTinyMCEをダウンロードします。 解凍してtinymce/jscripts/tiny_mceフォルダを/webroot/jsにコピーします。 の先頭を以下のようにします。 class UrllistsController extends AppController { var $name = 'Urllists'; var $scaffold; var $helpers = array('Html', 'Javascript'); fu
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
WYSIWYG FCKeditorをPEAR HTML_QuickFormで使う｜100年続く会社を作るアイシーズのエンジニアブログ
100年続く会社を作るアイシーズのエンジニアブログPHP、Java、Ruby、Ajax、Linux… 「BtoBインターネットサービス」に取り組むエンジニアのブログWYSIWYG FCKeditorをPEAR HTML_QuickFormで使う ヨシタニです。 WYSIWYG（ウィジウィグ）エディタなるものの紹介です。 WYSIWYGとは、What You See Is What You Getの頭文字からの命名で、 見たままのものが手に入るということだそうです。 ブログなどでの入力フォームによく使われているアレです。 FCKeditor, htmlArea ,TinyMCEなどで検索すれば多くヒットすると思います。 また、sourceforgeで見るとかなり多くの種類があることがわかります。 http://sourceforge.net/search/?typ
インラインフレームの内容をjavascriptで取得して送信するにはどうすればいいですか？ - 次のようなHTML・javascri... - Yahoo!知恵袋
インラインフレームの内容をjavascriptで取得して送信するにはどうすればいいですか？ 次のようなHTML・javascriptでWYSIWYGエディタを作ったのですが、どのようにすればこのデータを送信できますか？送信のボタンを押したときにデータを送信するようにしてください。 -----HTM/javascriptL----- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="conte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://htmlpurifier.org/
kndb.jp
CakePHP - Build fast, grow solid | PHPフレームワーク
Welcome to atseason.com
openWYSIWYGにファイル操作機能を追加 技術 RSSフィード ブックマーク ラグナビーチ Lagunabeach
midoff.com
UIパターンいろいろ - DesignWalker
