如何使用javascript/jquery实现用户输入的生活风格

How to live-style an user input using javascript/jquery

本文关键字：用户 输入 的生活 风格 实现 jquery 何使用 javascript      更新时间：2023-09-26

im在javascript/jquery中搜索库或制作实时样式器的建议。这个想法是，我的用户有一个html文本输入，我需要实时检测一些模式并对其应用样式，例如，用户在#应该被视为标签之后写#some_text，必须像#some_text一样粗体。

我是javascript的新手，所以我不知道从哪里开始，我做了一些研究，但没有发现任何已经制作好的libary。感谢您的帮助和建议！

像jQuery Tagit这样的东西怎么样？

你可以这样初始化它：

<script>
        $(function() {
            var availableTags = [
                "#some_text1",
                "#some_text2",
                "#some_text3"
            ];
            $('#tags').tagit({tagSource: availableTags});
        });
</script>
<ul id="tags"></ul>

类似的东西就在这里，在这个网站上使用。每当你在编辑器中写下问题或答案时，你都会在下面的区域获得实时更新。当您应用格式时，它会在预览区域中实时更新。

这使用了一种名为Markdown的标准标记语法。这样做的好处是有很多工具支持Markdown，所以你可以找到jQuery甚至离线编辑器（Windows和Mac）的集成。

请检查这个问题及其答案，以了解一些这样做的编辑。

还可以查看Stack Overflow编辑器的独立版本。

也许这有助于您了解您必须做什么：
http://jsfiddle.net/EeGxs/3/
我所做的只是在"keydown"中添加一个事件侦听器，这意味着按下了一个键，然后你只需要看看行中是否有"#"，以及是否将其添加到粗体的p-tag中。这只是一个示范。

相关文章：