リッチテキストエディタで登録した記事をモバイルサイトにも対応させたい - PHPプロ!Q&A掲示板

2424

  • 0P

リッチテキストエディタで登録した記事をモバイルサイトにも対応させたい

質問日時 / 2009年12月26日 11:35    回答数 / 4件

Questioner:  ryochoryocho  このエントリーをはてなブックマークに追加 

いつもお世話になっております。
php5,mysql5を使用しております。

今、リッチテキストエディタである「ckeditor」というものを使用して、DBに値を挿入してphpで取得する、というプログラムを実装中です。
(http://ckeditor.com/demo)

たとえば、ckeditorで赤色のテキストを挿入すると、「<p><span style="color:red">hogehoge</span></p>」というソースが吐かれ、それをDBに登録するというシンプルなものです。

問題は、上記のレコードをPCサイトで表示する時は普通にDBから値を取得して表示させればいいのですが、モバイルサイトで表示させる時はモバイルサイト用のタグに変換させないといけない、という点です。

[例]
PC:<p><span style="color: rgb(255, 0, 0);">hogehoge<br /></span></p>
↓↓↓
モバイルだと:<font color="rgb(255, 0, 0)">hogehoge</font><br />

こういう場合、DBから取得した値を、正規表現で特定のタグを置換していく方法がベターなのでしょうか。
初めての案件で、「この考え方自体が間違っているのか」「値をDBに挿入する時点でモバイル用のソースに変換したものを別フィ-ルドに登録しなければならないのかも・・」など悩んでおり、経験豊富な皆様が上記と同様の案件に取り掛かるとき、どういう実装をするかご意見を頂きたく投稿させて頂きました。

説明不足で申し訳ありませんが、皆様からのご意見どうか宜しくお願い致します!

この質問への意見の募集は締め切られ、ポイントは既に配分されました。
意見を投稿することはできますが、ポイントを受け取ることはできません。



ツリー一覧

┣A01win_phpPC用のサイトのHTML構文に厳格に沿ってコーディング
┃┗A01-1ryochoryocho>>win_php様 ご意見ありがとうございます! おっし
┃ ┗A01-1-1win_phpPC用のエディタで登録 登録画面したに、この内容を携
┃  ┗A01-1-1-1ryochoryocho>>win_php様 何度もありがとうございます!本当に
┗A02magicflute2この意見は投稿者によって削除されました。

回答一覧

並び替え:

A01
answererwin_php [12月27日 04:33]

PC用のサイトのHTML構文に厳格に沿ってコーディングしたいなら
別だが、そうでないなら、DBに登録時にというより
エディタ機能を<font>で挿入すればいいのでは?

ckeditorは使ったことないですが、fckeditorと同じような仕組みなのかな?
もしそうであれば比較的簡単にそのように変更できるはずですね。

この意見に回答する

ツリーへ TOPへ

A01-1
replyerryochoryocho [12月27日 16:30]

>>win_php様
ご意見ありがとうございます!
おっしゃるとおりです。確かにDBに登録する時点で、PCサイトにもモバイルサイトにも対応できるタグで吐ければ問題ないですね。
>>比較的簡単にそのように変更できるはずですね。 
この言葉を聴いて安心しました^^
ckeditorはfckeditorのソースを軽くしてバージョンアップしたものと聞いてますので、修正も同じようにえできると思います。

ただ、どうしてもPC用のタグ・モバイル用のタグを使い分けたい時、皆様ならどういうロジックを入れるかぜひ聞いてみたいです!

この意見に回答する

ツリーへ TOPへ

A01-1-1
replyerwin_php [12月27日 17:03] (最終編集:12月27日 17:04)

PC用のエディタで登録
登録画面したに、この内容を携帯用に反映させるのチェックボックスをつける。

チェックされた場合、
PC用は従来どおり、
携帯用はあらかじめ置換するタグを取り決めたfunction()を通過させて
DBに別に登録。

さらにモバイル用の編集エディタを用意しておけば、
後々、PCとモバイルの内容を変更したいとき拡張性の高いものになります。

表示時にこれで影響を与えません。

この意見に回答する

ツリーへ TOPへ

A01-1-1-1
replyerryochoryocho [12月28日 20:58]

>>win_php様

何度もありがとうございます!本当に助かっております!
おっしゃるとおり、pc用のタグを挿入するフィールド、モバイル用のタグを挿入するフィールドを分けて、モバイル用のフィールドに登録する時は、正規表現にてタグを置き換えて登録させる、というのがスマートだと思いました。
テキストエディタは自由度が高い分タグの種類も多いので、正規表現が全然習得できていない自分にとって敷居が高く、正直怖いです(涙

ですので、ここまで教えて頂いておいて何なんですが、始めにwin_php様にご教授頂いたように、ある程度PCとモバイルで互換性のあるタグを吐かせるようにしようと思います。

jsもとても苦手ですが(苦笑)これから実装していきたいと思います。
さしあたり、感謝の気持ちを込めまして返信とさせて頂きました!

この意見に回答する

ツリーへ TOPへ

A02
answerermagicflute2 [12月28日 01:16] (最終編集:12月28日 01:35)

この意見は投稿者によって削除されました。

ツリーへ TOPへ

<<質問一覧へ



Pick Up Q&A

Q
動的なURLを静的に見せる方法
 このエントリーをはてなブックマークに追加 
A
普通に考えて、mod_rewrite でしょうね。 http://www.nishishi.com/blog/2006/01/mod_rewrite_url.html...

>>続きを読む

GETのままでは検索エンジンのロボットが拾ってくれなかったためにSEO対策として有効だと言われていますね。

▲解説者:岡本(アシアル株式会社 教育コーディネーター兼 システムエンジニア)