如何編輯添加到HTML網站

-1

<div id="main"> 

     <h1 id="firstHeading">Page Title</h1> 
     <p>Hello123 this is a paragraph</p> 

     <div id="rightSideInfo"> 
      <h1 id="rightTitle">Right Title</h1> 
     </div> 

    </div>

我想是的人誰訪問的頁面，能夠點擊一些編輯按鈕，然後將裏面的文字例如H1和P。此外，如果上述可能，是否有一種方法讓我（管理員）輕鬆禁用所有編輯按鈕？所以我可以控制訪問者何時可以編輯。

來源

2016-09-11 Syarx

您需要爲此構建一個編輯器。我想你已經在一些教學網站看到了這樣的編輯。好吧，它們不會內置。有人必須將它們寫成網頁應用程序。

從學習開始javascript和html frames。通過讓訪問者運行他的代碼，生成想要的html文件，並用html框架將其嵌入到結果窗口中來構建這樣的編輯器。

該實現可能需要使用服務器，特別是如果要保存代碼並在計算機上生成文件時。爲此，您需要python或php。

你也可以使用一些開源編輯器。只是谷歌它，因爲列表刷新和很快更新。像「在網站HTML編輯器」應該做的工作。許多此類編輯器都是嵌入式的，意思是說，您只需將它們包含爲html框架，並且它們本身就具有魔力（有些將爲特定功能提供API，例如預插入文本等）。

另請注意，html向用戶顯示的是僅僅是圖形顯示。大多數現代瀏覽器允許使用瀏覽器工具編輯html，例如chrome等中的F12。因此，您永遠不能限制用戶編輯他們查看的內容。您只能向他們提供您的內容和他們可以與之互動的網頁，但他們最終看到的內容取決於他們

來源

2016-09-11 13:47:30 Uriel

是的，也許一些開源編輯器可用來完成，這樣我可以將它？此外，即使我有這個編輯器，我不知道我可以如何附加它。你能幫忙嗎？ – Syarx

谷歌它。像「在網站HTML編輯器」應該做的工作。許多這樣的編輯器都是嵌入式的，意味着，您只需將它們包含在html框架中，並且他們自己也可以做到這一點。 – Uriel

有兩個部分對您的問題 1.點擊您想要的h1和p標記元素用戶編輯h1。這可以通過添加一個單擊處理和更換H1/p標籤加上一個輸入框

$("#firstHeading").click(function() { 
    // code to add h1 text to input box 
    });

2.第二部分做的是禁用所有編輯按鈕作爲編輯。這可以通過添加一個類來編輯按鈕，添加單擊處理程序禁用輸入框

$('.edit-button').on('click',function() { 
    $('.edit-button').prop("disabled",true); 
});

希望這有助於

來源

2016-09-11 13:57:47

如何編輯添加到HTML網站

回答

相關問題