Question

我正在为我学校的报纸创建一种方法，以便能够找到一个可以输入信息的页面（例如，img url，标题，标题）和它会输出已经风格化的HTML代码。

所以他们在标题区输入表格：＆＃34; Title＆＃34;

在段落区域：＆＃34;这是一个测试＆＃34;

它将输出如下内容：

<div class="div1">
    <span>Title</span>
    <p>This is a test</p>
</div>

（div1因为它是你放的第一个，之后可以添加更多）

我一直在寻找类似这样的东西，我知道这是可能的，我只是不知道从哪里开始或者我甚至会谷歌搜索。任何帮助将不胜感激。

谢谢。

编辑：由于与外部公司签订合同，我们无法建立Wordpress。

Answer 1

这取决于您是想自己实施解决方案还是使用已经存在的解决方案。这种类型的功能已经通过WYSIWYG（所见即所得）编辑器已经内置到Wordpress和SquareSpace等平台中 - 类似于Stackoverflow的问题框。

如果您正在寻求实施自定义解决方案，那么我建议您研究降价语言。例如，这里有一个名为Remarkable的降价javascript库：

此代码段直接取自其github自述文件

var Remarkable = require('remarkable');
var md = new Remarkable();

console.log(md.render('# Remarkable rulezz!'));
// => <h1>Remarkable rulezz!</h1>

正如您所看到的那样，降价文本被传递给渲染函数并转换为html。

亚历