从输入框中动态更改文本值
Dynamically change text values from an input box
我有一条短信。我希望能够使用输入框更改此文本的部分内容。这将节省时间,因为我不必按 CTRL+F 并手动更改值。
我首先创建了一个 powerpoint 文件。我想让它变得简单,以便我从输入框中更改脚本 values/attributes(例如背景颜色等),如下所示:
Power Point 可以使用此功能吗?此演示文稿将包含 HTML/CSS 脚本,用户可以在特定平台上复制和使用这些脚本。我想使用侧面的文本框动态更改脚本值。
我创建ppt文件的原因是因为像codepen.io这样的网站没有这个功能。
另一种方法是创建一个网站,我将在左侧输入框,右侧显示文本。
我可以使用如下代码在网站上执行此操作:
<span id="myspan"></span>
document.getElementById("myspan").innerHTML="VALUE";
但我希望 VALUE 来自输入框。
如果我能找到一个网站或创建这样的网站就太好了:
我试图找到解决办法。我设法创建了这个:
LINK
因此,HTML 和 CSS 代码中的某些部分(包含在 blockquote 中)可以通过顶部的输入框进行更改。用户可以输入文本并单击输入。那么他在输入框中输入的值就会出现在代码中(blockquoted)。我还添加了复制功能。这意味着用户不必复制粘贴块引用 HTML 和 CSS 代码。它可以通过一个按钮来完成。
PS:代码段不允许我 post 由于字符限制
我有一条短信。我希望能够使用输入框更改此文本的部分内容。这将节省时间,因为我不必按 CTRL+F 并手动更改值。
我首先创建了一个 powerpoint 文件。我想让它变得简单,以便我从输入框中更改脚本 values/attributes(例如背景颜色等),如下所示:
Power Point 可以使用此功能吗?此演示文稿将包含 HTML/CSS 脚本,用户可以在特定平台上复制和使用这些脚本。我想使用侧面的文本框动态更改脚本值。
我创建ppt文件的原因是因为像codepen.io这样的网站没有这个功能。
另一种方法是创建一个网站,我将在左侧输入框,右侧显示文本。
我可以使用如下代码在网站上执行此操作:
<span id="myspan"></span>
document.getElementById("myspan").innerHTML="VALUE";
但我希望 VALUE 来自输入框。
如果我能找到一个网站或创建这样的网站就太好了:
我试图找到解决办法。我设法创建了这个: LINK
因此,HTML 和 CSS 代码中的某些部分(包含在 blockquote 中)可以通过顶部的输入框进行更改。用户可以输入文本并单击输入。那么他在输入框中输入的值就会出现在代码中(blockquoted)。我还添加了复制功能。这意味着用户不必复制粘贴块引用 HTML 和 CSS 代码。它可以通过一个按钮来完成。
PS:代码段不允许我 post 由于字符限制