CLEditorはjQuery/JavaScript製のオープンソース・ソフトウェア。CGMが盛り上がるにつれて、ユーザがコンテンツを作成する際の利便性を考えなければならなくなっている。そのためブログなどではWYSIWYGエディタが利用されるのが当たり前になっている。 jQuery製のシンプルなWYSIWYGエディタ 有名なものとしてはCKEditorやTinyMCEといったソフトウェアが知られている。どちらも高性能だがその分、動作が重たいのが問題だ。もっと軽量、かつ自分で拡張が容易なものを探しているならばCLEditorを使ってみよう。 CLEditorの特徴はjQueryを使っていることになる。それによってCLEditor単体のサイズは軽量になる。既にWebサービスの中でjQueryを基盤としているならば良い選択肢になりそうだ。主な機能や文字装飾や画像のURL指定での埋め込み、リンクな
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
「IPWEditor」はウィジウィグエディタを設置する際にTinyMCEとFCKeditorをjQueryから扱えるようにするプラグインです。 最初から編集用のフォームを表示せずに、テキストをクリックする事で編集できるようにするajaxなアレを使う際にウィジウィグにもできるよ！という使い方ができるようです。 詳しくは以下 動作デモの動き デモはテキストをクリックする事でウィジウィグを表示させています。 ためしにTinyMCEを表示させると下のような感じになります。 TinyMCEを設置する際のコードは以下のようになるそうです。 HTML JS //jquery読み込み完了時に初期設定を行います。 $().ready(function() { var ed = new tinymce.Editor('myipwe1', { some_setting : 1 }); //指定のクラスが編集可能
In-place Edit (also known as Edit In Place) allows you to edit text on web pages without going to a separate page and filling out a form. WYSIWYG , is an acronym for ‘What You See Is What You Get’, used in computing to describe a system in which content displayed during editing appears very similar to the final output. IPWEditor – In Place WYSIWYG Editor is the best of both world- it provides an e
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
Мой отец, правда, говорит по-русски, но лишь потому, что служил в армии. В итоге бесконечные проблемы дома надломили отца — он начал пить. Поэтому я и сбежала из дома, как только предоставилась такая возможность. Я мечтала о длинных волосах и плакала каждый раз, когда меня стригли. Уже осенью я нашла себе крутого парня, появились новые друзья. ... Read more Фармакокинетика тадалафила у лиц со слаб
jHtmlArea Getting started An overview of jHtmlArea, how to download, basic use, examples and more. A simple, light weight, easily extensible WYSIWYG Html Editor built on top of jQuery. This component allows you to easily display a WYSIWYG Html Editor in place of any <textarea/> Html element. The minified script alone is only 9.21kb. Advantages Here are some key advantages to using jHtmlArea: Free,
About Me Chris Pietschmann is the founder of Build5Nines.com, Microsoft MVP, HashiCorp Ambassador, Microsoft Certified Trainer (MCT), Author, Trainer, Developer, DevOps / Site Reliability Engineer (SRE) with 20+ years of experience developing enterprise solutions. He has been focusing heavily on Microsoft Azure and the Cloud since early 2010, and specializes in DevOps / SRE, IoT, Development and S
Web Kreation Ltd. is now Morphosis Ltd.. You can still view this site but comments are closed and contact form disabled. If you want to see our latest work or contact us, please visit our new site www.morphos.is. Web-kreation Online Portfolio of Jeremie Tisseau UI/UX Designer, Event Organizer, Web Entrepreneur
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
JavaScript WYSIWYG Editor ? TinyEditor - Web Development Blog シンプルデザインがクールなJavaScript-WYSIWYGエディタ「TinyEditor」のご紹介です。 次のようなシンプルなデザインが特徴で、色々なサイトデザインにも馴染みそうです。 似たような物で、リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 というものも以前紹介しましたが、これはこれで使いやすそうですね。 関連エントリ リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」 FCKEditorの次世代バー
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
