タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

WYSIWYGエディタに関するRIKKUNのブックマーク (6)

  • まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT

    fresherEditorはcontentEditableを使ったWYSIWYGエディタです。 オンラインでコンテンツを編集する際にはWYSIWYGエディタを使うことが多いように思います。色々なライブラリが存在しますが、今回はfresherEditorを紹介します。jQueryベースのエディタです。 デモです。テキストエリアの枠がないのが印象的です。 編集状態です。枠が出ています。 WYSIWYGなのでその場で反映されます。 画像の追加も行えます。 フォントの選択もできます。 fresherEditorではcontentEditableを使ってコンテンツを編集可能にしています。デザインについてはBootstrapを使っています。まさに見たままに編集できる、そんな感じのソフトウェアになっています。 fresherEditorはjQuery/JavaScript製のソフトウェア(ソースコードは

    まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT
  • すっきりとしたデザインが特徴。高機能なWYSIWYGエディタ·Redactor MOONGIFT

    RedactorはjQuery製のWYSIWYGエディターです。 Web上でテキストコンテンツを記述する際には素のテキストエリアではなくWYSIWYGエディタを使いたいのではないでしょうか。そこで試したいのがRedactorです。jQueryを使ったすっきりしたデザインのWYSIWYGエディタです。 一行のツールバー、画像埋め込みにも対応していてすっきりとしています。関係ありませんがアナ・トーヴ(フリンジの主役で写真の方)は好きな女優さんです。 画像はプロパティを編集できます。 右側に寄せました。右でも左でもアナ・トーヴは映えますね。 全画面表示。大きくしてもやはりアナ・トーヴは格好いいです。 動画の埋め込みはEmbedタグのペーストで行えます。 コード表示モードです。 スクロールした時にツールバーを上に貼付けた状態で維持できます。 独自のCSSを追加できます。 テキストエリアがなかったと

  • フルスクリーン編集可能なWYSIWYGエディタ実装jQueryプラグイン「Redactor」:phpspot開発日誌

    Redactor WYSIWYG editor on jQuery フルスクリーン編集可能なWYSIWYGエディタ実装jQueryプラグイン「Redactor」 右上のボタンでフルスクリーンにすればブラウザいっぱいに広がって編集がしやすいWYSIWYGエディタ。デザインがシンプルなのもいいです シンプルイズベストですが、しっかりとデザインされているところも好感が持てます 関連エントリ HTML5ベースの音声入力可能なWYSIWYGエディタ「wysihtml5」 ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」

  • HTML5のWYSIWYGエディタ「wysihtml5」がシンプルで扱いやすい!jQuery不要 - Chrome Life

    最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、贅沢な不満もありました。 今回ご紹介するのは、高速でかつ軽量なHTML5ベースのオープンソースWYSIWYGエディタ「wysihtml5」です。 「wysihtml5」は、HTML5の技術とプログレッシブエンハンスメント(Progressive Enhancement)のアプローチに基づいたオープンソースのリッチテキストエディタです。 高度なセキュリティの概念を使用して、メンテナンスが困難なタグとインラインスタイルの混在を防止することにより、 完全に有効なHTML5のマークアップを生成 することを目指しているそうです。 jQ

  • jQueryベースのWYSIWYGエディター『Redactor』 | 100SHIKI

    マニアックではあるが、なかなか良さそうなのでメモ的にご紹介。 RedactorはjQueryベースのWYSIWYG(What You See Is What You Get)エディターである。 ユーザーにリッチな文書を入力してもらえる際に便利だ。 もちろん他にも似たようなツールはあるが、ツールバーの見た目が今風&カスタマイズが容易なのでデザインを損なわずに使うことができるだろう。 ウェブ制作者向けではあるが、覚えておいても良さそうですな。

    jQueryベースのWYSIWYGエディター『Redactor』 | 100SHIKI
  • 次世代型WYSIWYGエディタ。見たままにコンテンツを編集する·Mercury Editor MOONGIFT

    Mercury Editorは実際に表示された内容をそのまま編集できるWYSIWYGエディタ。 Mercury EditorはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサイトを運営していると、一部のデータを変更したいというニーズは必ず発生する。全てを自動化できる訳はなく、アイコンやラベルの変更は手作業で行うだろう。 編集中 しかしシステムへの組み込みで細分化されたテンプレートを完成図を予想しながら変更していくのは難しい。そこで完成された図をそのままに修正する試みはどうだろう。それを可能にするのがMercury Editorだ。 Mercury EditorはJavaScript製のコンテンツエディターだが、表示されているWebサイトをそのまま編集できる所が新しい。実行すると画面上にツールバーが表示されて編集できる状態になる。編集できる場所は指定可能だ。文字装飾

  • 1