html可视化编辑，如php中的whatsapp

whatsapp的最新版本引入了一点消息样式，假设我们想写这样的东西

input

这是一个带有样式的~statement~

output

这是一条带有样式的语句

即使stackoverflow有这种最简单的样式，看起来也很棒，我们希望在我们的平台上实现这一点，老师在给学生评语时可以给出ol，ul，bold，italic，但我们也希望确保不允许他们使用传统的html标记，因为当标记更改时，我们必须进行更改，我们喜欢这样的方法，即您可以在word中添加特殊字符，并在输出中按您想要的方式进行转换

我不知道这类编辑的具体术语是什么，所以请忽略它

语言由于我们的平台已经在

php

中运行，我们希望在php中实现这一点

思维过程我们认为可以使用

regex

实现，但不知道如何实现ol、ul，我们也不确定这是否是一种正确的实现方法

为什么不允许使用传统的html标记

不是所有人都知道传统的html标记

希望保持我们的应用程序安全吗

---

您可以像这样使用正则表达式：

/~([\w]*)~/

使用

preg\u replace（）

函数，您可以用所需的全部内容替换

~

符号之间的内容。例如：

请注意替换选项卡，其中我将

~text~

替换为

/\*([\w]*)\*/ 

斜体：

// traditional markdown and parse full text
$parser = new \cebe\markdown\Markdown();
$parser->parse($markdown);

// use github markdown
$parser = new \cebe\markdown\GithubMarkdown();
$parser->parse($markdown);

// use markdown extra
$parser = new \cebe\markdown\MarkdownExtra();
$parser->parse($markdown);

// parse only inline elements (useful for one-line descriptions)
$parser = new \cebe\markdown\GithubMarkdown();
$parser->parseParagraph($markdown);

等等

祝你好运。
你可以像这样使用正则表达式：

/~([\w]*)~/

使用
preg\u replace（）
函数，您可以用所需的全部内容替换
~
符号之间的内容。例如：


请注意替换选项卡，其中我将
~text~
替换为

/\*([\w]*)\*/ 

斜体：

// traditional markdown and parse full text
$parser = new \cebe\markdown\Markdown();
$parser->parse($markdown);

// use github markdown
$parser = new \cebe\markdown\GithubMarkdown();
$parser->parse($markdown);

// use markdown extra
$parser = new \cebe\markdown\MarkdownExtra();
$parser->parse($markdown);

// parse only inline elements (useful for one-line descriptions)
$parser = new \cebe\markdown\GithubMarkdown();
$parser->parseParagraph($markdown);

等等

祝你好运。
看看

以下是一些例子：

看看

以下是一些例子：

为什么不使用所见即所得（WYSIWYG）类CKEditor？只需搜索标记为什么不使用所见即所得（WYSIWYG）类CKEditor？只需搜索标记我在哪里可以找到语法高亮显示的css？例如。
元素有一些默认样式。如果你想个性化这个样式，你可以在你自己的css中这样做。我在哪里可以找到语法突出显示的css？例如。
元素有一些默认样式。如果你想个性化这个样式，你可以在你自己的css中这样做。