Built for DevelopersGranular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output. Cross PlatformSupports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms. Fits Like a GloveUsed in small projects and giant Fortune 500s alike.
substance.io 2024 著作権. 不許複製 プライバシーポリシー
衣替えしました。agoです。 最近使い始めて便利だなーと思ったので、ブラウザ上から入力されたjavascriptを実行してくれるオンラインjavascriptエディターを比較したいと思います。 jsdo.it http://jsdo.it/ 弊社運営のwonderflのJS版サイトです。 使い方 コードを書くにはまずログインする必要がありますが、認証にはOpenIDとOAuthをサポートしているため一般的なネットサービスを使用しているのであれば新規にアカウントを作成する必要はありません。 使い方は左にJS、CSS、htmlを記述し、右側でプレビューします。 その他細かい機能については弊社大塚の記事をご覧ください。 jsdo.it at jstudy サンプル JSBin （JS Bin） http://jsbin.com/ シンプルなのでぱっと見である程度使い方が分かると思います。 使い方
IxEdit - The First On-the-Fly Interaction Design Tool for the Web. IxEdit (Public Beta) フリーダウンロード IxEdit は JavaScript ベースのウェブ用インタラクションデザインツールです。IxEdit を使えば、デザイナーはコーディング無しで DOM スクリプティングを実践し、ウェブページ上の要素をダイナミックに変更したり、追加したり、動かしたり、変形させたりすることができます。特に、IxEdit はウェブアプリケーションのプロトタイピング段階において様々なインタラクションを即座に作って試してみるのに役立つでしょう。 インタラクションとは？ インタラクションとは、ユーザーのアクションに応じてスクリーンの状態が変化することです。つまり、ユーザーインターフェースの振る舞いと言ってもよいでしょう。
SmartMarkUP - Universal Markup Editor! SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs. SmartMarkUP doesn't depend on any other JavaScript library and can be integrated wit
MENU知らなきゃ損！クレカ活用術サンプルページさぁ、始めよう。 記事が見つかりませんでした。 閉じる
WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。 シンプルな作りのWYSIWYGエディタ もっと自分たちにあったシンプルでカスタマイズが容易なものを！そう願った37signalsは自分たちで作ってしまうことを考えた。 今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。 WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。 prototype.jsベースなのでカスタマイズ
SpringnoteというのはWikiを使ったオンラインノートサービスだ。メモとしての利用はもちろん、コラボレートしたり、ブログへの投稿もできる。韓国の会社が開発しているサービスだが、英語や日本語でも提供されている。 そんなSpringnoteで使われているWYSIWYGエディタはオープンソースの下に公開されている。 今回紹介するオープンソース・ソフトウェアはXquared、Springnoteで使われているWYSIWYGなエディタだ。 XquaredはJavaScriptのみで作られたWYSIWYGエディタで、テキストエリアに対して利用する。FCKEditorのようにツールバーが表示され、文字装飾や画像の埋め込みと言った操作ができる。 インタフェースはごくシンプルで、自分で新しい機能を追加するのも容易にできるとのこと。Youtube動画を埋め込むこともでき、利用範囲は大きそうだ。モードに
※ 画像は一部公式サイトデモより マークアップの技術は様々に存在する。最も有名なものとしてはHTMLが挙げられるだろう。だが、見た目の分かりやすさ、習得にかかる時間を考えるとあまり一般的ではない。そこで生み出されているのが他のマークアップで、例えばMarkdownやWiki、Textileなどだ。 だが、いずれにせよ記法を覚える必要がある。それが障害になって普及が進まないのも残念だ。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはmarkItUp!、Webベースのマークアップエディタだ。 markItUp!はFCKEditorなどのようにテキストエリアの上にツールバーが表示されるソフトウェアで、各種マークアップに対応して表示することができる。対応しているのはHTML/BBcode/Textile/Markdown/Wiki/Dotclearとなっている
via Ajaxian EditAreaは、HTMLフォームでソースコードを編集するためのJavascriptライブラリ。 デモページで使ってみていただくのが一番わかりやすい。 機能リストのところを訳すと、 スクリプトをインクルードして関数一個呼ぶだけ タブが打てる(これはいい) 検索と置換 シンタックスハイライト機能あり。他の言語用にカスタマイズもできる オートインデント 行番号表示 多言語対応。日本語も 高速化用に、ライブラリを連結して圧縮(gzip)するPHPスクリプト同梱 複数配置可能 全画面モード プラグイン対応 保存や読込時のフックあり 動的なコンテンツ管理が可能(?) 他Javascriptライブラリと共存可能 主要ブラウザに対応。対応状況はこちらに。 これいいんじゃない? > 西尾さん この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合
様々なWebアプリケーションが登場しているが、それでも作成はローカル環境で行う必要があり、不便さが残っている。開発すらWeb上でできればどれだけ手軽だろう。 そんな希望を実現させてくれるかも知れないのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはRainbow 9、Webブラウザ上で開発するソフトウェアだ。 Rainbow 9はテキストエリアをJavaScript、CSS、HTML、XML等が作成しやすいように変化させてくれる。JavaScriptは、その場で実行できるコンソール機能がある。 エディタ上の見た目も、CSSで指定すれば色の変更が容易に行える。補完機能もあり、エディタとしてもなかなか面白い。 そして、HTML、JavaScript、CSSを作成し、その場でプレビューすることもできる。ファイルはタグ情報とともに保存され、後で呼び出すことが可能だ。尚、試してみた
LGPLの下で配布されているMoxiecodeのTinyMCE（Tiny Moxiecode Editor）は、HTMLタグを知らないユーザでもHTML形式でフォーマットされたテキストを入力できるJavaScriptプログラムだ。 TinyMCEは、多数のブログシステムやコンテンツ管理システムにバンドルされている。自作のWebアプリケーションでTinyMCEを使うなら基本設定を利用するのが手っとり早いが、詳細設定は依存関係や競合関係の解決を行うために複雑になる可能性がある。本稿では、WebページにTinyMCEを統合するヒントとアドバイスをいくつか提供する。 TinyMCEは、多くのGNU/Linuxディストリビューション内のパッケージや、zipまたはtar/gzipのアーカイブとして入手できる。プログラムをインストールするには、TinyMCEのディレクトリ構造をWebサイトのルートディレ
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE ３年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE
target=_blank>Real Time Syntax Highlighting Code Editor JavaScript ブラウザ上で動作するWebエディタ作成Javascriptライブラリ。 PHP, Java, HTML, JavaScript に対応しています。 下の画像のように、ブラウザ上でエディタが動作します。行番号もついてますね。もちろん編集毎にちゃんと再描画してくれます。 関連エントリ ブラウザ上で動作するソースコードエディタ『Edit Area』
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く