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を使ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µãƒ³
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
リッãƒãª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ページを開ã
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
{{#tags}}- {{label}}
{{/tags}}