運営しているサービスで「Froala」というルーマニア産の高性能WYSIWYGを利用しています。 エディタで悩んでいる方はぜひ参考に。言語指定をJAにすると日本語化されるという、ローカライズの徹底ぶり。 デモ画面 & 公式サイトはこちら https://www.froala.com 最も優れているのは、実際の表示画面に使用しているCSSを読み込ませることで、プレビュー画面 兼 入力フォームになってるという点。ユーザーは見えている通りの状態で公開することができ、プレビュー用のViewが不要になります。 無料版と有料版 有料にすると「無料ユーザーです」みたいな表示が消えるので課金して使用しています。買い切り1万円くらいでした。ドメイン単位なのでサブドメインでも使いたい放題です。 デベロッパー向けのサポートも受けられるようですが、こちらは期間が決まっています。延長するには別途課金が必要です。バグ
A la hora de programar un buen gestor de contenidos que van que utilizar nuestros clientes, es buena idea integrar TinyMCE en aquellas áreas de texto que requieran la posibilidad de insertar texto enriquecido. Pero hay casos en los que, además de poder formatear el texto, se necesita dar la opción de poder subir imágenes o ficheros para incluirlos dentro del contenido de la forma más sencilla posi
TinyMCEをとことんまでカスタマイズしたい方向け 前のページでTinyMCEの基本的なカスタマイズ方法について解説しました。 このページではもう一歩踏み込んで、出力されるデータの形式を変更したり、自作のボタンを追加する方法やイベントに反応して新しいウィンドウを開くといったカスタマイズ方法を解説します。 element_format 高度なカスタマイズを行うには「エディタから出力されるコンテンツを把握し必要な形に変換する」といった作業が必要になります。 そこで公式のContent Filteringページから特に重要と思われる項目を解説していきます。 このオプションでHTMLモードまたはXHTMLモードを指定することができます。 ざっくり言えば、改行の扱いが<br>か<br />かの違いです。 この章では出力結果を変換するため、出力の結果も見られるようにします。 具体的には以下のようにし
サンプルとデモページで実際の動作を通して学ぶTinyMCEの設定方法 以前の投稿「PukiWikiをビジュアルエディタ(TinyMCE)で編集できるプラグインを作成」で、TinyMCEについて学びました。その際の知見をフィードバックできればと思い、まとめを作りました。 「はじめてTinyMCEを使う」「TinyMCEをとことんまでカスタマイズしたい」といった方々にお役に立てたら幸いです。 TinyMCEとは TinyMCEとはリッチエディタの一種です。 リッチエディタとはざっくり言えば実際の見た目と同じ画面で編集できるエディタのことです。モニター画面と印刷結果を一致させるために使われたWYSIWYG(ウィジウィグ)が有名です。html用途ではTinyMCEの他にCLEditorもよく知られています。 TinyMCEはHTML用のリッチエディタで、HTMLタグを打つこと無く装飾されたWebペ
Google Spreadsheet を簡易 Webサーバーとして動かして、手軽にWebHookを受け取る方法GoogleAppsScriptWebhook 外部のサービスからの通知を WebHookで受け取ってちょっとした処理をしたいことってたまにありませんか? たとえば、アプリのクラッシュログを解析するFabricの Crashlytics には、新しいクラッシュが発生したり特定の閾値を超えると WebHookで通知してくれる、つまり特定の URL にPOSTを発行してくれる機能があります。 これを上手く使うと、下の図のように「新しいクラッシュが発生したら Backlogなどのチケット管理サービスに自動登録」といったことができそうです。 もちろんCrashlyticsから BacklogのAPIは直接叩けないので、このように WebHookを使ってこちらのサーバを叩いてもらい、そのサー
Expand Table Rows Using jQuery, HTML And CSS On TalkersCode.com テーブル行の詳細をクリックで開けるテーブル実装 気になる行をクリックすれば詳細となるテキスト等を表示できます タグとしてはtd colspan=4などでdisplay:noneしておき表示するという単純な物のようですがなかなか良いアイデアかも。 関連エントリ Bootstrapのテーブルをソート可能にする「Bootstrap Sortable Tables」 テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 テーブルのソート・フィルタ機能等、超多機能テーブルに変形させられる「jQuery-KingTable」 横長テーブルもレスポンシブにできる「jquery.responsive-tables」
メニューへの登録などを自動で行うインストーラーパッケージです。 クリックしてそのまま実行できます。 対応OS:Windows 11、10、8、 7、Vista、XP
Result jQuery//参照元に準拠し、onclick処理はtable内に書いてます function show_hide_row(row) {$("#"+row).toggle();}css#table_detail tr:hover{ background-color:#ddd; cursor:pointer; } #table_detail .hidden_row{ display:none; }html<table border=1 id="table_detail" align=center cellpadding=10> <tr> <th>名前</th> <th>年齢</th> <th>給料</th> <th>仕事</th> </tr> <tr onclick="show_hide_row('hidden_row1');"><td>たける</td><td>25</td><
2011/12/23IT, ビルマ語(ミャンマー語), ミャンマー絡み 最近のビルマ語(ミャンマー語)WEBサイトには、ビルマ語フォントがインストールされてなくてもビルマ語が表示できるものがある。たとえばBBCのビルマ語サイト、ちょっと前まで、myanmar3というビルマ語フォントをインストールしないとビルマ語が文字化けしていたのだが、今はビルマ語フォントがインストールされてなくてもビルマ語が表示される。 何でだと思って調べてみると、WEBフォントという仕組みを使っていることがわかった。通常、文字を表示しようとするとその文字のフォントがインストールされてないと表示できない。ビルマ語を表示させようと思うと、ビルマ語がインストールされていないと表示できない。今まではこれが当たり前だった。しかし、WEBフォントだとフォントがインストールされてなくても文字が表示できる。インターネットから自動的にフ
GitHub - ribomo/nestedGrid: A jQuery plugin that let you display nested grid(table) 階層化できるグリッドテーブルの実装「nestedGrid」 過去にデザインレイアウトを組む際にテーブルレイアウトというのがありましたが、現在では、普通テーブルというと1つが当たり前になっていますね。 こちらはテーブルをあえてネストして折りたためるようにしてデータ表示を分かりやすくするようにするjQueryプラグインです。 階層化された複雑なデータ表示に役立ちそうですね 関連エントリ BootstrapなサイトでグリッドをGUIで組み立てられる「grid-editor」 今風なグリッドxアニメーションするレイアウト実装デモ「Grid Item Animation Layout」 フィルタ可能なモダンなデザインでアニメーションす
フォームってあまり使うこともないのですが、CSS3を使ってデザインするとなかなか面白かったので、今回はラジオボタンを使ったサンプルを紹介します。 ではサンプル1からコードを紹介していきます。 サンプル1 二択のラジオボックスです。「はい」を押したときと、「いいえ」を押したときの色を変えています。 HTML では、HTMLから。 <div class="sample"> <input type="radio" name="s2" id="on" value="1" checked=""> <label for="on" class="switch-on">はい</label> <input type="radio" name="s2" id="off" value="0"> <label for="off" class="switch-off">いいえ</label> </div> 特に問題
別に第2土曜や第4土曜日じゃなくてもいいんですが。 PHPで指定した月の第○△曜日の日を取得します。 まずは指定した月を、キー=日、値=曜日となるように配列に格納します。 例えば今年今月の場合はこのように↓ <?php $year = date("Y"); $month = date("n"); $days_in_month = date('t',mktime(0,0,0,$month,1,$year)); $week_ja = array( "日", "月", "火", "水", "木", "金", "土" ); for($day = 1; $day <= $days_in_month; $day++): $week = $week_ja[date(w,mktime(0,0,0,$month,$day,$year))]; $d_and_w[$day] = $week; endfor; ?
カーテンのない家には住めない事に気がついたminamiです。 jQueryにはjQuery.Deferred というオブジェクトがあります。jQuery 1.5 のころから実装されてだいぶ経っているのですが、今までなんとなくよくわからなくて苦手意識があったので改めて使ってみました。 jQuery.Deferred ってなに? "deferred" の意味を調べると「延期された」「遅延された」などの意味があります。乱暴にまとめてしまうと、様々な処理が終わった後に呼ばれる(遅延された)処理を監視してくれるオブジェクトと言えます。 何を言っているのかわからん 文章で書くとまどろっこしいのでサンプルを作りました。1~4の処理が全て終わったら完了の表示を出します。 jQuery.Deferred を使った処理の管理 window.setTimeout() などのタイマー処理 jQuery.ajax
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 2011年01月14日- kovshenin.com // Thinking about WordPress, PHP, MySQL, jQuery, Web 2.0, PR and Social Media リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 次のように、カーソル位置のURLをQRコードに変換して表示させちゃうことができます。 画像自体はGoogle Chart APIを使うので、サービス終了の懸念は少ない上にスピードも高速です。 使い方はいたって簡単で、jQuery(element).qr() のように qr メソッドを読んであげるだけです。 デザインもなかなかいい感じですね。 携帯サイトへのリンクの誘導にはもってこいのプラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く