2016-03-30 11 views
0

私はクライアントのHTMLテンプレートを購入しました。純粋なhtmlテンプレートです。クライアント(技術者ではない)がこのテンプレートを直接オンラインで編集できるようにするツールを探したいと思います。クライアントがHTMLテンプレートを編集できるようにするソリューション

ここで私は彼が編集させたいHTMLテンプレートのビットです:もちろん

<h1>Lorem Ipsum Dolor</h1> 
<p>Lorem Ipsum Dolor Site amet....</p> 

私のクライアントは、非技術的であるとして、私は私は自分自身のテンプレートを更新する可能性がPHPツールを考えていますが、このように:

<h1><?php editable('section1.title'); ?></h1> 
<p><?php editable('section1.description'); ?></p> 

その後、私のクライアントは、それが翻訳(あなたは私が何を意味するか見た場合)であるかのように、彼はこのテンプレート内のすべてのキーを更新することができ、Webインターフェイスにアクセスすることができます。

私はHTMLテンプレートを動的ページに変換することを可能にする簡単なCMSがありますか?

答えて

0

簡単な解決策は、jqueryを使用し、クライアントが編集できるようにする各htmlタグにIDを割り当て、クライアントがテキストを入力できる参照.jsファイルを作成することです。

あなたのhtmlが

<h1 id="title"></h1> 
<p id="description"></p> 
のようなもの

あなたのjQueryの

var titleText = "Lorem Ipsum Dolor"; 
var descriptionText = "Lorem Ipsum Dolor Site amet...."; 

$("#title").text(titleText); 
$("#description").text(descriptionText); 

のようになります。そして、あなたはちょうど彼がhtmlファイルを通過することよりも簡単であるべき変数を、更新していなります。

こちらがお役に立てば幸いです。

+0

実際、私はすでにこれを行うツールを見ていましたが、私はまったく同じツールを探しています。とにかくあなたの答えに感謝します。 – julesbou

+0

問題なく、必要なjquery参照を避けるために、$( "#idname")の代わりにdocument.getElementById(idname)を使用してネイティブのjavascriptバージョンを作成することもできます。 –