You 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
Срок регистрации истек Для восстановления работы необходимо продлить домен Войдите в личный кабинет для оплаты
A lightweight WYSIWYG editor Light, translatable and customisable jQuery plugin Beautiful design, generates semantic code, comes with a powerful API <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, <strong>some text bold</strong> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea co
シンプルな見た目に拘ったWYSIWYGエディタ、Froala WYSIWYG Editorのご紹介です。jQueryに依存しています。ちょっと今まで見た事が無いタイプですね・・・ アイデアが素敵だったのでメモ。シンプルさに拘ったWYSIWYGエディタです。 HTML5のcontenteditableのように、その場で編集可能です。ドラッグすればそこにWYSIWYGエディタが表示されるので、その場で編集できる、というもの。 上記のようにWYSIWYGエディタがポップアップします。勿論、普段から使っているような、常時表示された状態にも出来ます。 <script src="http://code.jquery.com/jquery-1.10.2.js"></script <script src="froala editor.min.js"></script> 本体とプラグインを読み込み。 $(f
おお、これはかなり使えそう！ テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがjQuery.selectionを使うとごくごく簡単にできそうです。 テキストボックスの場合 例えばテキストボックスの例です。 $('#sel-input').click(function(){ alert($('#input').selection()); $('#input').focus(); }); $('#input').selection() で選択されている文字が取れます。 こんな感じ
SCEditor A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. Give it a try! :) [color=#ff00]Red text and [/color][color=#3399ff]blue text![/color] [ul][li]A simple list[/li][li]With two items[/li][/ul] Just type [b]:[/b]) and it will be converted into :) as you type. Quick Start Include the JS & CSS: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/de
A simple and fast tool for everyday tasks of creating and editing texts on the web. Suitable for creating and editing common texts for the web, which may also include images, video, embed code. It has a hybrid interface that can be customized according to your needs. For example, you can disable the main toolbar and only show the context toolbar when highlighting text. Or show the control toolbar
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来るようです。 IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+で動作確認しているそうです。 jQueryプラグインというのもいいですね。 これは覚えておいてよさそう。 関連エントリ WEBフォームをWEB上でWYSIWYG編集して瞬時にダウンロードできる「pForm」 まだまだあったJavaScript製のWYSIWYGエディタコンプリート
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
twitter facebook hatena google pocket フォームなどユーザーに入力をさせる部分にwysiwygが利用できるとユーザーの表現が広がります。 これにともない、コンテンツもリッチになるかもしれません。 敷居が高いと思われるwysiwygエディターもjQueryプラグイン「jQRTE」を利用するとあっという間に導入できます。 sponsors 使用方法 jQRTEからファイル一式をダウンロードします。 一式をアップロードし、index.phpにアクセスすると利用できます。 というように説明も楽・・・。 手を抜きすぎた感が否めないので日本語バージョンを作成しました。 jajp.zip 上記ファイルを/locale/配下にアップロードしてください。 またindex.phpの2行目を以下のように変更ください。 $language="jajp"; wysiwygエディタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く