如何编辑添加到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网站

回答

相关问题