CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT
Create.jsはユーザ向け画面をそのまま編集できるJavaScriptライブラリです。 CMSは一般的にユーザ向けの画面と管理画面とが分かれて提供されています。しかし運用時にはユーザ向けの画面を見ながらその場で修正したいこともあるでしょう。その際に使えるライブラリがCreate.jsです。 メイン画面です。この時点では普通に表示されています。 エディターを立ち上げました。Editボタンを押します。 編集可能な部分に色がつきました。 編集中の画面です。 編集しました。 コンソールで見ると編集した内容がJavaScriptのオブジェクトになっているのが分かります。 Create.jsは単体で動作する訳ではなく、編集した内容を別途サーバサイドに送ってDBやファイルを更新する必要があります。ただし、編集可能な箇所を決めたりすることはできるので、運用担当者の編集可能範囲について自由に更新し、保存
Webサイトをその場で編集可能にするブックマークレット·Create MOONGIFT
CreateはWebサイトをその場で編集可能にするブックマークレットです。 いつでもどこでもWebサイトを編集できる、それを実現するのがCreateです。JavaScriptを使って画面を見たままに編集できる機能を提供します。 最初の画面です。Try it nowをクリックします。 すると画面上部にツールバーが表示されます。次にEditボタンをクリックします。 一瞬、編集可能な場所がハイライト表示されます。 後はテキストを自由に編集できます。 こんな感じに文字装飾を行うバーも表示されます。 サーバサイドがないので保存ボタンを押すとメッセージが出ます。実際にはこのコンテンツをサーバサイドに送信する必要があります。 コンソールで確認できる更新内容です。それぞれのHTMLがオブジェクトに入っています。 小さく折り畳んで表示しておけます。 CreateはJavaScript、かつブックマークレット
次世代型WYSIWYGエディタ。見たままにコンテンツを編集する·Mercury Editor MOONGIFT
Mercury Editorは実際に表示された内容をそのまま編集できるWYSIWYGエディタ。 Mercury EditorはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサイトを運営していると、一部のデータを変更したいというニーズは必ず発生する。全てを自動化できる訳はなく、アイコンやラベルの変更は手作業で行うだろう。 編集中 しかしシステムへの組み込みで細分化されたテンプレートを完成図を予想しながら変更していくのは難しい。そこで完成された図をそのままに修正する試みはどうだろう。それを可能にするのがMercury Editorだ。 Mercury EditorはJavaScript製のコンテンツエディターだが、表示されているWebサイトをそのまま編集できる所が新しい。実行すると画面上にツールバーが表示されて編集できる状態になる。編集できる場所は指定可能だ。文字装飾
わずか30KBで出来た軽量のWYSIWYGエディタ「NicEdit」 | Web活メモ帳
WordPressなどで使われているTinyMCEは高機能な分、かなり大きなファイル構成になっているため、どうしても容量が大きくなりがちだ。 しかし、本日紹介する「NicEdit」をすれば、わずか30KBの1つのファイルで WYSIWYGの実装が可能だ。 使い方 実装するには、以下の２行を追加するだけでOKだ。 <script src="nicEdit-latest.js" type="text/javascript"></script> <script type="text/javascript"> bkLib.onDomLoaded(nicEditors.allTextAreas); </script> これで、ページ内にあるテキストエリアが自動的にWYSIWYGエディタに様変わりする。 ↑実装した様子 必要最低限の機能で良い場合に十分使えるシステムだ。 公式サイトにはデモがあるので、
ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3 - リート開発者ブログ
こんにちは。リートの satoshi です。 前回の投稿より、少し時間が空いてしまいましたが、今回はWYSIWYGエディタについてご紹介したいと思います。 WYSIWYGエディタって WYSIWYGエディタというのは、ブログ記事を書くときにフォントサイズを大きくしたり、見出しや色を変更したり…といったことをボタン一つで簡単に操作ができるとても便利な機能です。 今回はその中でも使えるエディタベスト3をご紹介します！ WYSIWYGエディタベスト3 私が選んだのは TinyMCE, CKEditor, NicEdit の3つです。3つともデザインはもちろんのこと、使い勝手がとても良かったです。 それでは3つのエディタについて詳しく紹介していきます。 TinyMCE TinyMCE は社内や個人的な利用用途では制限無く使えるエディターです。商用利用の場合は、$345 から利用出来ます。こちらは、
Webブラウザベースのコードエディタ「CodeTextArea」
CodeTextAreaはテキストエリアをコーディングしやすい形に変形するライブラリ。 [/s2If] CodeTextAreaはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションが数多く登場する中、なかなか実現しないのがWebベースの開発環境（IDE）だ。サーバサイドのプログラミング言語をその場で実行するのは難しいが、JavaScriptならいけるのではないだろうか。 コーディング中（左側のツリーなどは別途実装する） 後は使いやすいインタフェースや機能があれば良い。Webベースならではのコラボレーションや、継続的インテグレーションなどメリットは多数あるはずだ。CodeTextAreaはその未来を実現できるかもしれない、そんなソフトウェアだ。 CodeTextAreaが目指すのはWebベースのIDEだ。提供されているファイルのみで動作する訳ではないようで、別途HT
EditableGrid, build powerful editable tables - What's EditableGrid ?
This site uses cookies. Don't care, this is just to store the table state. EditableGrid is an open source JavaScript library aimed at turning tables into fully editable components. Its API is focused on simplicity : only a few lines of code are necessary to get your first editable grid up and running. Originally, EditableGrid was a component developed for Hiflow Suite. Thereafter, we decided to fa
markItUp! Universal Markup jQuery Editor :::
Want more? Buzz A powerful Javascript audio library over the HTML5 audio element. Vegas A jQuery plugin to to add beautiful fullscreen backgrounds to your webpages and create amazing Slideshows. SundayMorning A jQuery plugin to translate content on the fly. Face Detection A jQuery plugin to detect faces in pictures. markItUp! universal markup jQuery editor markItUp! is a JavaScript plugin built on
jQuery製のWYSIWYGエディタ·CLEditor MOONGIFT
CLEditorはjQuery/JavaScript製のオープンソース・ソフトウェア。CGMが盛り上がるにつれて、ユーザがコンテンツを作成する際の利便性を考えなければならなくなっている。そのためブログなどではWYSIWYGエディタが利用されるのが当たり前になっている。 jQuery製のシンプルなWYSIWYGエディタ 有名なものとしてはCKEditorやTinyMCEといったソフトウェアが知られている。どちらも高性能だがその分、動作が重たいのが問題だ。もっと軽量、かつ自分で拡張が容易なものを探しているならばCLEditorを使ってみよう。 CLEditorの特徴はjQueryを使っていることになる。それによってCLEditor単体のサイズは軽量になる。既にWebサービスの中でjQueryを基盤としているならば良い選択肢になりそうだ。主な機能や文字装飾や画像のURL指定での埋め込み、リンクな
ポンクソフト
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ
Левитра в нижнем новгороде
Мой отец, правда, говорит по-русски, но лишь потому, что служил в армии. В итоге бесконечные проблемы дома надломили отца — он начал пить. Поэтому я и сбежала из дома, как только предоставилась такая возможность. Я мечтала о длинных волосах и плакала каждый раз, когда меня стригли. Уже осенью я нашла себе крутого парня, появились новые друзья. ... Read more Фармакокинетика тадалафила у лиц со слаб
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tekmemo.net
Michael Leigeber
CKEditor Ecosystem | CKEditor.com