軽量でデザインが良い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エディタコンプリート
jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
リッチ過ぎず、どんなページにも馴染みそうな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
[錐] ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。
ごうだまりぽです。作ったモノとか拾った知識とかひねり出した知恵とかをさらしてます。読むと価値観が360度変わること請け合い! << 2009/07/ 1 2 3 4 5 6 7 8 1. 一蘭の「味集中システム」の凄さは、ついたてと注文用紙だけじゃないよ! 9 1. ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> ■ [javascript]ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。ブラウザ上でリッチテキストが編集できるというのは最近 CMS などでよく見かけるようになりました。Google Docs や Wordpress あたりは有名ですね。 今回は、リッチテキスト編集のコマンド群を I
軽量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)
ブラウザ上で動く12のリッチテキストエディター:phpspot開発日誌
9 of the best Rich Text editors reviewed ブラウザ上で動く12のリッチテキストエディター。 ブラウザ上でリッチテキストを編集する、というのは当たり前になりましたね。 というわけでライブラリも一杯でてます。 NiceEdit Kupu TinyMCE Kevin Roth RTE FCKEditor YUI Editor WebWiz RichTextEditor CodePlex Rich Text Editor - ASP.net XStandard prototype.jsでクロスブラウザなWYSIWIGエディタ jWYSIWYG NicEdit 沢山あるものですね。
シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」:phpspot開発日誌
jWYSIWYG This plugin is an inline content editor to allow editing rich HTML content on the fly. シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」。 必要なスクリプトを読んだ後、次のようにマークアップ。 <div class="box"> <textarea id="wysiwyg" rows="11" cols="69"></textarea> </div> 初期化は「 $(function(){ $('#wysiwyg').wysiwyg(); }); 」だけでOKみたい。 WYSIWYGエディタは他にも色々ありますね。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor Tin
FCKeditorメモ
FCKeditor FCKサイトはWordのようなデスクトップエディタの強力な機能の多くをWebで実現するためのオープンソースのHTMLエディタ。オープンソース(LGPL)だが、商用利用しやすいように別のライセンスも用意されている。 主な機能は次の通り。 CSS フォントフォーマット テキストフォーマット リンクとアンカー テーブル フォーム ツールバー 画像挿入、アップロード、サーバ参照 切り取り、貼り付け、ペースト、アンドゥ、リドゥ 右クリックメニュー ページの全体編集、部分編集 スキン プラグイン スペルチェック ソースのクリーンアップ Wordからの貼り付けの自動判定 多言語対応、自動言語判別 ブラウザ自動判定 詳しくはドキュメントが参考になる。
MozillaのWYSIWYG Web編集ソフトの流れを汲むKompoZer | OSDN Magazine
プロプライエタリ・ソフトウェアにおけるWebページデザインの分野は、AdobeのDreamweaverとMicrosoftのFrontPageに支配されている。一方、フリーソフトウェアユーザはこれまでにいくつかのWebデザインアプリケーションの盛衰を目にしてきたが、最新作が登場してからは久しい状態にあった。今回、新たなリリースとしてKompoZerが登場した。これはMozilla Composerの遺産を引き継ぎ、今日のテクノロジを採り入れてアップデートしたものだ。 ひと昔前を知る人であれば、スタンドアロンのFirefoxとThunderbirdの前身であるMozilla Application Suiteを覚えているだろう。このMozillaスイートは統合型ブラウザ、電子メール/ニュースクライアント、IRCチャットクライアント、HTMLページエディタの機能を備えていた。2003年、Moz
窓の杜 - 【NEWS】WYSIWYG編集可能なHTMLエディター「Nvu」の後継「KompoZer」v0.7.10が公開
オープンソースのWYSIWYG型HTMLエディター「KompoZer」v0.7.10が、8月30日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XP/Vistaでの動作を確認した。現在、作者のホームページからダウンロードできる。 「KompoZer」は、WYSIWYG編集機能を備えたHTMLエディター。HTMLタグを手書きで記述する必要がなく、複雑なテーブルや入力フォームをマウスドラッグなどで簡単に作成できるのが特長。また作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能。 「KompoZer」は、「Mozilla」から派生したHTMLエディター「Nvu」の後継版。「Nvu」はv1.0公開以来更新が止まってしまっており、いくつか発見された不具合も未修正のままとなっている。そこで本ソフトは、これらの不具合
FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」:phpspot開発日誌
Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。
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');
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://youmos.com/news/yui_editor