軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」:phpspot開発日誌
CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来るようです。 IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+で動作確認しているそうです。 jQueryプラグインというのもいいですね。 これは覚えておいてよさそう。 関連エントリ WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
FCKEditorの次世代バージョンのWYSIWYGエディタ「CKEditor」:phpspot開発日誌
Home | CKEditor FCKEditorの次世代バージョンのWYSIWYGエディタ「CKEditor」がリリースされたようです。 FCKEditor といえば JavaScript の WYSIWYGエディタとしてかなりの定番ですね。 特徴は以下。 ・フルアクセシビリティの強化 ・ハイパフォーマンス ・完全カスタマイズ可能＆多機能 実際の見た目も、次のようなフラットで、よりWEBサイトになじむＵＩになっているようです。 関連エントリ まだまだあったJavaScript製のWYSIWYGエディタコンプリート
まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT
軽量WYSIWYGエディタ「PunyMCE」 | kyms
PunyMCE TinyMCEの開発元として知られるMoxiecode社が、LGPLライセンスの元で開発・配布している軽量なJavaScriptエディタ。たった16KB(圧縮転送時は9KB)ですが、SafariやOperaも含めひととおりの主要ブラウザをサポートしています。TinyMCEの開発で培われたノウハウが生かされており、簡易ながらもカスタマイズしやすい仕組みになっています。 http://www.moxieforge.net/examples/punymce/examples/ サンプルはこちら。 http://code.google.com/p/punymce/wiki/Documentation ドキュメントはこちら。TinyMCEと同様、ブートストラップ(PunyMCE本体。puny_mce.js)の読み込みと簡易な初期化ブロックのセットで実装できるようになっています。主に
jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている（圧縮版は7KBだ）。必要な画像やCSSを合わせても
TinyMCE Advanced*ビジュアルエディタを強化-日本語版配布
TinyMCE Advancedの設定画面 TinyMCE Advancedのダウンロード TinyMCE Advancedのダウンロードは、WordPressの本家からダウンロードしてください。 ダウンロードはこちら→WordPress › TinyMCE Advanced « WordPress Plugins TinyMCE Advancedの使用方法 本家サイトからダウンロードし、/wp-content/plugins/フォルダの中にアップロードします。 「管理画面」→「プラグイン」で有効にし、設定は、「管理画面」→「管理」→「TinyMCE Advanced」をクリック。 必要なボタンをここで追加することが出来ます。 ※ビジュアルエディタを使用するときは、 「管理画面」→「ユーザー」→「自分のアカウント」で、「ビジュアルエディタを使用する」にチェックをいれないと、 ビジュアルエデ
給食費を払っているから、子どもにいただきますと言わせないで, JavaScript な WYSIWYG HTML エディタメモ, Windy JAZZ の相場, 実家の ADSL 環境見直し, Pong Clock - [ぴ](2006-01-22)
_ [他] 給食費を払っているから、子どもにいただきますと言わせないで 「給食費を払っているから、子どもにいただきますと言わせないで、と学校に申し入れた母親がいた」 [「いただきます」って言ってますか？ 「給食や外食では不要」ラジオで大論争@MSNより引用] その発想がわから… 【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★18@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★17@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★16@2ch-ニュース速報+【社会】 "いただきます"で大論争…「給食費払ってるから、子供に言わせるな」「宗教的行為だ」★15@2ch-ニュース速報+【社会】 "いただきます"で大論
](https://cdn-ak-scissors.b.st-hatena.com/image/square/d228e8be070c32c738781e15c25aeb18f4dc6807/height=288;version=1;width=512/https%3A%2F%2Fpmakino.jp%2Ftdiary%2Ftheme%2Fogimage.png)
FCKeditorメモ
FCKeditor FCKサイトはWordのようなデスクトップエディタの強力な機能の多くをWebで実現するためのオープンソースのHTMLエディタ。オープンソース(LGPL)だが、商用利用しやすいように別のライセンスも用意されている。 主な機能は次の通り。 CSS フォントフォーマット テキストフォーマット リンクとアンカー テーブル フォーム ツールバー 画像挿入、アップロード、サーバ参照 切り取り、貼り付け、ペースト、アンドゥ、リドゥ 右クリックメニュー ページの全体編集、部分編集 スキン プラグイン スペルチェック ソースのクリーンアップ Wordからの貼り付けの自動判定 多言語対応、自動言語判別 ブラウザ自動判定 詳しくはドキュメントが参考になる。
Evaluation of web based WYSIWYG-editors, test result
Notes: Blockquote can be created but the icon indicates indenting instead of quoting. This can lead to misuse of the blockquote element for formatting purposes. The br element is used instead of p. It looks like a nested list kan be created, but the HTML list elements are incorrectly nested and thus creates invalid markup. Only column headers can be created. A Safari version is being developed. Se
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
JavaScriptを使った各種WYSIWYGライブラリまとめ:phpspot開発日誌
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE ３年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://youmos.com/news/yui_editor
http://youmos.com/news/javascript_wysiwyg.html
https://www.openwebware.com/products/openwysiwyg/
軽快に動作するWYSIWYGエディタJavaScript （openWYSIWYG） - youmos