Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript或jQuery自定义标记格式化文本_Javascript_Jquery_Text_Formatting - Fatal编程技术网

使用Javascript或jQuery自定义标记格式化文本

使用Javascript或jQuery自定义标记格式化文本,javascript,jquery,text,formatting,Javascript,Jquery,Text,Formatting,我经营一个网站,用户在那里提交基本新闻文章。我想为他们的提交添加一些格式化功能,与这里使用的降价功能非常类似 例如,用户可以添加: **This should be bold** 文本显示为粗体。或用户在段落开头添加: > This could be a lengthy paragraph 这一段被包装在中 请注意,我不希望在服务器端对其进行处理 如何使用Javascript或jQuery实现这一点 编辑: 我找到了一种使用以下命令使星号内的文本加粗的方法: <div class

我经营一个网站,用户在那里提交基本新闻文章。我想为他们的提交添加一些格式化功能,与这里使用的降价功能非常类似

例如,用户可以添加:

**This should be bold**
文本显示为粗体。或用户在段落开头添加

> This could be a lengthy paragraph
这一段被包装在

请注意,我不希望在服务器端对其进行处理

如何使用Javascript或jQuery实现这一点

编辑:

我找到了一种使用以下命令使星号内的文本加粗的方法:

<div class="content">The following will be bold: **I am bold**</div>
以下内容将以粗体显示:*我以粗体显示**
jQuery:

function markdown(markdownable) {

var bold = /\*\*(\S(.*?\S)?)\*\*/gm;
    markdownable = markdownable.replace( bold, '<span style="font-weight:bold">$1</span>' );

    return markdownable;
}

$('.content').each(function() {

    var markdownable = $(this).html(),
        content = markdown(markdownable);

    $(this).html(content);


});
函数标记(可标记){
var bold=/\*\*(\S(.*?\S)?)\*\*/gm;
markdownable=markdownable.replace(粗体,$1');
返回可标记;
}
$('.content')。每个(函数(){
var markdownable=$(this.html(),
内容=降价(可降价);
$(this.html(content);
});


但是,我仍然不知道如何将以
开头的段落包装成

Reddit使用的降价解决方案是免费提供的、轻量级的、有良好文档记录的,并且可以满足您的所有要求,等等:


请看一下这个插件

马基图普!是一个基于jQuery库构建的JavaScript插件。它允许您将任何textarea转换为标记编辑器。Html、Textile、Wiki语法、Markdown、BBcode甚至您自己的标记系统都可以轻松实现


希望这对您有所帮助。

这不是一个编码请求的网站。您需要先展示一个实质性的尝试。@Anonymous当然,我已经为其中一个格式化示例添加了一个解决方案,它可以工作,尽管还没有为另一个示例找到解决方案。尽管如此,我认为我对这个问题的编辑是一次“实质性的尝试”,你同意吗?这实际上是一个调试的地方,而不是询问如何做某事。因此,是的,这是对第一个问题的一次实质性尝试,但如果这个问题已经解决,那么最好展示对另一个问题的尝试。@Anonymous第二个问题没有尝试,因为我真的不知道如何解决它。当然,在这个平台上还有其他问题,在不提供代码的情况下提问。