GitHub - kenshin54/popline: Popline is an HTML5 Rich-Text-Editor ToolbarYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ProseMirror
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You
CMSに組み込みたい、見たままにページの編集を行うJavaScript·Create.js MOONGIFT
Create.jsはユーザ向け画面をそのまま編集できるJavaScriptライブラリです。 CMSは一般的にユーザ向けの画面と管理画面とが分かれて提供されています。しかし運用時にはユーザ向けの画面を見ながらその場で修正したいこともあるでしょう。その際に使えるライブラリがCreate.jsです。 メイン画面です。この時点では普通に表示されています。 エディターを立ち上げました。Editボタンを押します。 編集可能な部分に色がつきました。 編集中の画面です。 編集しました。 コンソールで見ると編集した内容がJavaScriptのオブジェクトになっているのが分かります。 Create.jsは単体で動作する訳ではなく、編集した内容を別途サーバサイドに送ってDBやファイルを更新する必要があります。ただし、編集可能な箇所を決めたりすることはできるので、運用担当者の編集可能範囲について自由に更新し、保存
TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」:phpspot開発日誌
bootstrap-wysihtml5 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」。 HTML5ベースですが、リッチなエディタをBootstrapのテーマで作成することが可能です。 派生物がどんどん出てきて素晴らしい限りですね。 最近最も流行ったオープンソースプロジェクトではないでしょうか。 関連エントリ Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 Twitter Bootstrapを使ったイメージギャラリーサン
リッチなWebコンテンツ編集に。jQuery製のWYSIWYGエディタ·WKRTE MOONGIFT
WKRTEはJavaScript/jQuery製のオープンソース・ソフトウェア。Webブラウザのテキストエディット機能があまりに貧弱であるために、開発者はJavaScriptやJavaアプレット、Flashなどの技術を使ってリッチなエディタを作ってきた。 jQuery製のシンプルなエディタ JavaScriptが最も簡単に利用できることもあって、CKEditorのような有名なものも存在する。だがもっと手軽に導入したいならばWKRTEを使ってみるのも良さそうだ。WKRTEはjQueryプラグインなので、同フレームワークを使っているならお勧めだ。 WKRTEの利点として、テキストエリアにフォーカスが当たっていないとツールバーが出てこないと言うのが挙げられる。常時表示されていると邪魔臭く見えてしまうツールバーも、編集時以外は表示されなければ気にならない。 ソース表示も可能 機能は太字、イタリック
memo: gaeにTinyMCE導入 - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20091027.html
jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている（圧縮版は7KBだ）。必要な画像やCSSを合わせても
Djangoの管理画面でFCKeditorを使う - 偏った言語信者の垂れ流し
django-fckconnectorを利用して、Djangoの管理画面でFCKeditorを使う方法について紹介します。 使用しているDjangoはSVN版(rev.6903)です。django-fckconnectorはrev.9です。FCKeditorはver.2.5です。 django-fckconnectorのインストール SVNで、リポジトリからチェックアウトして"python setup.py install"を実行するか、site-packagesにfckeditorディレクトリを作成して、ソースをチェックアウトします。 settings.pyの必要な項目を設定する MEDIA_ROOTとMEDIA_URLはImageBrowserのビューが検索などで使用するので、設定しておく必要があります。 今回は、以下のような設定になっています。(BASE_DIRについてはueblog
2007-12-12
Djangoの管理サイトでFCKeditorを使いたいと思って、django-fckconnectorを試してみた。 Google Code Archive - Long-term storage for Google Code Project Hosting. 結論から言うとうまくいった。 方法はそのうちまとめます。 画像のアップロードもちゃんとできたので、ブログのエディタなんかにはいいかもしれません。 PerlのちょっとしたスクリプトをASP(ActiveServerPages/VBScript)に移植する仕事を今日はしてた。VisualBasicを5年ぶりに使った。ASPは初めて。確かにこれならVBプログラマでもWeb開発できるのかなあ。IISの設定もGUIで簡単だし。
Django and TinyMCEを試す : kishi-r.com
Django and TinyMCEを試す 最近風邪を引いていて辛かったので、 家でPCを付けれなかった。。。 今回は、 「Django and TinyMCE」 をやってみたっす。 参考にしたのは、 本家サイトのここっす。 すげぇ～簡単に出来たので、 良かったｗ ってかadminテンプレートのオーバーライドにはまった。。。 TinyMCEから 「tinymce_2_1_2.tgz」 を落としてきて、 その中にある 「tiny_mce」 っていうディレクトリを自分の「jsファイルディレクトリ」に置いた。 後は、 同じく「jsファイルディレクトリ」に 「textareas.js」 みたいな名前で、 本家の ここ のソースコードを記述するように書いてあるので、記述して保存。 で、 adminテンプレートで上記２ファイルを読み込む。 今回は編集画面に
MOONGIFT: » XHTMLにも対応したWYSIWYGエディタ「Whizzywig」:オープンソースを毎日紹介
※ 画像は公式サイトデモより。 テキストエリアをHTMLオーサリングツール風にするソフトウェアは各種存在する。有名なものとしてはFCKEditorやSPAW Editor、Xinhaなどがある。 この手のソフトウェアの難点として、HTML構造は汚い事が多かった。XHTML Validなサイトを作っている場合はこれを使ってみる事をお勧めする。 今回紹介するフリーウェアはWhizzywig、Webベースのリッチテキストエディタだ。 Whizzywigは各種文字装飾をボタンを押すだけで簡単にできる。画像挿入（アップロードには未対応）、テーブル組もできる。日本語はまだだが、多言語対応も想定されている。 そして最大の特徴とも言えるのがXHTML Validなソースを作成できる点だろう。イメージタグも<img 〜 />のようになる。また、独自のCSSを認識させる事もできるので、見栄えと照らし合わせなが
AddDojoEditor – Django
Add Dojo Editor This document describes how to add the Dojo Rich Text Editor (Editor2) to the Django Admin-Interface. Warnings According to #1099, the `admin.js` option will be going away in favor of overriding admin templates, so this approach will have to be modified somewhat when that happens. Unfortunately, multiple Editors on one site is currently not working with Editor2. Install Dojo Downl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
TTW ("Through the Web") WYSIWYG Web Editors - The List
http://djangoscope.wordpress.com/2008/07/28/tinymce-with-django-newforms-admin/
kndb.jp
The jQuery Plugin Registry
AddWYSIWYGEditor – Django