2016-03-30 54 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界面,在那裏他可以在這個模板更新每個按鍵猶如翻譯(如果你明白我的意思)。

我有一個簡單的CMS允許將html模板轉換爲動態頁面嗎?

回答

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

沒問題,你也可以使用document.getElementById(idname)代替$(「#idname」)創建一個原生的javascript版本,以避免需要的jquery引用。 –