标签: showdown
如何实际使用Markdown和Meteor
我正在与Meteor合作开发一个项目,我希望它能使用markdown,很高兴看到有一个软件包可以实现.
所以我的流星添加摊牌,它有效,现在我可以做类似的事情
{{#markdown}}
#This is a header
this is a paragraph
{{/markdown}}
它工作得很好.但现在我想在那里放一些更有趣的东西.首先想到的是将它与textarea同步.我尝试了三件事.首先,我试过这个:
$('.preview').html('{{#markdown}}'+$('#text').val()+'{{/markdown}}');
其中.preview是我希望html显示的div,而#text是某人正在键入的textarea.这不起作用,它只显示{{#markdown}}和东西.
接下来,我试着像这样设置div:
<div class="preview">
{{#markdown}}
{{/markdown}}
</div>
并添加到:
$('.preview').html('#Is this an H1?');
要么
$('.preview').append('*is this italics?*');
但同样,它只显示了文本,而不是html.
最后,我尝试将内容编写到markdown部分,但这显然不起作用.像
<div class="preview">
{{#markdown}}
<div class="previewInner">
</div>
{{/markdown}}
</div>
要么
<div class="span6 preview">
{{#markdown}}
{{>innerPreview}}
{{/markdown}}
</div>
所以基本上,我已经尝试了我能想到的一切,但没有一个能做到我想要的.我尝试了更多的东西,但我认为你明白了.我怎么用这个？
这很简单:只需将标记放在{{#markdown}} ... {{/ markdown}}标记内.
推荐指数
解决办法
查看次数
即使包含类型文件，Typescript 也会抛出类型上不存在的属性
我正在使用带有 webpack 和 ES6 的 TypeScript。我正在尝试导入模块 Showdown 并使用它来将 Markdown 转换为 HTML。这是我的app.ts代码：
/// <reference path="../typings/tsd.d.ts" />
import 'zone.js';
import 'reflect-metadata';
import 'es6-shim';
import * as showdown from 'showdown';
import {Component, View, bootstrap} from 'angular2/angular2';
@Component({
selector: 'markdown-app'
})
@View({
templateUrl: '/app/markdownApp.html'
})
class MarkdownAppComponent {
public html: string;
private md: any;
constructor() {
this.html = '';
this.md = showdown.Converter();
}
public updateValue(val) {
this.html = this.md.makeHtml(val);
}
}
bootstrap(MarkdownAppComponent);
当我尝试将 TS 转换为 ES6 时，出现以下错误：
ERROR in ./src/app/app.ts
(23,24): error …推荐指数
解决办法
查看次数
仅使用showdown.js Markdown表达式库仅限制某些格式
我正在使用showdown.js,可以从https://github.com/showdownjs/showdown/下载
问题是我试图只允许某些格式？例如,只允许使用粗体格式,其余的不进行转换,例如丢弃格式
如果我正在编写下面是Markdown Expression的文本
"Text attributes _italic_, *italic*, __bold__, **bold**, `monospace`."
以上的输出将在下面
<p>Text attributes <em>italic</em>, <em>italic</em>, <strong>bold</strong>, <strong>bold</strong>, <code>monospace</code>.
转换后.现在我想要的是转换时,它应该将粗体表达式转换为它应该丢弃的其余表达式.
我使用下面的代码将markdown表达式转换为下面的普通文本
var converter = new showdown.Converter(),
//Converting the response received in to html format
html = converter.makeHtml("Text attributes _italic_, *italic*, __bold__, **bold**, `monospace`.");
谢谢!
推荐指数
解决办法
查看次数
通过摊牌在浏览器中降价
我想知道我是否可以用 Markdown 而不是 html 创建我的新网站。https://github.com/coreyti/showdown 上的showdown.js似乎是一个可以做到这一点的插件。
我在想类似的事情
<html>
<head>
<script type="text/javascript" src="/js/showdown-starter.js" />
<link rel="StyleSheet" href="mystylesheet.css" type="text/css" />
</head>
<body>
# Welcome
Hello. Welcome to my website.
</body>
</html>
据推测，客户端 javascript 会将其转换为浏览器喜欢的 html。
推荐指数
解决办法
查看次数
Showdownhighlightjs 扩展
我正在尝试用 AngularJS 编写一个 Markdown 编辑器。我正在使用 angular-markdown （AngularJS Showdown 包装器）来解析 markdown，我想使用highlightjs 突出显示代码块。我写了以下 Showdown 扩展：
/* global
hljs,
Showdown
*/
(function() {
'use strict';
Showdown.extensions.hljs = function(converter) {
return [
{
type: 'lang',
filter: function(text) {
return text;
var m = /([`]{3}[\S\s]*[`]{3})/gm.exec(text);
if(!m) {
return text;
}
for(var i in m) {
if(isNaN(i)) {
continue
}
var match = m[i];
var lang = match.replace(
/([`]{3})([\s\S]*)(\n){1}([\s\S]*)([`]{3})/gm,
'$2');
var code = match.replace(
/([`]{3})([\S\n]*)(\n){1}([\s\S]*)([`]{3})/gm,
'$4');
var hl;
try {
var hl = hljs.highlight(lang, code);
} …推荐指数
解决办法
查看次数
如何在摊牌中将单行符视为 <br> ？
如何使用摊牌来进行 GitHub 风格的换行处理？
我尝试过一个扩展，它可以执行以下操作：
return text.replace(/[ ]*\n/g, "<br />\n")
它在某些情况下有效，但会破坏列表等。
推荐指数
解决办法
查看次数
Showdown Markdown 编辑器：如何调整图像大小以适应内容？
我正在尝试通过其 Angularjs 模块ng-showdown使用堆栈流Markdown 编辑器摊牌
一切都很顺利，但所包含的图像是其实际/原始尺寸。
如何调整它们的大小以适合文本？
下面给出的是一个显示相同问题的假人。
非常感谢！！！
<html ng-app="theShowdown">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.1/ui-bootstrap-tpls.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.3.0/showdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-sanitize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-showdown/1.1.0/ng-showdown.min.js"></script>
<script>
var theShowdown = angular.module('theShowdown', ['ngRoute', 'ngSanitize', 'ngAnimate', 'ui.bootstrap', 'ng-showdown']);
theShowdown.config(function() {
})
theShowdown.controller('theMain', function($scope, $showdown) {
$scope.mymarkdown = `**Hello** _Stackover Flow_ ![Showdown][sd-logo]
[sd-logo]: http://logz.io/wp-content/uploads/2016/02/stack-overflow-logo.png`;
var htmlValue = $showdown.makeHtml($scope.mymarkdown)
})
</script>
</head>
<body ng-controller="theMain">
<p markdown-to-html="mymarkdown"></p>
<textarea rows="4" cols="150" ng-model="mymarkdown"></textarea>
</body>
</html>推荐指数
解决办法
查看次数
CSS 不适用于 ReactMde
我正在构建一个笔记应用程序，但遇到了问题，我使用 npm install 安装了 react-mde、react-split 和 showdown 作为依赖项，但编辑器的 CSS 样式丢失，可能是什么问题？
源代码： https: //github.com/arturfriedrich/notes-app
推荐指数
解决办法
查看次数
Angular2 RC5导入第三方JS库:摊牌
我无法将Showdown导入供应商.当我编译时,我进入showdown is not defined浏览器控制台.由于它是供应商包,我认为我不能将其导入app.module.ts.我需要声明自定义输入吗？包裹全部在js.我在Angular2 RC5上运行.谢谢!
home.service.ts
import 'showdown/dist/showdown';
declare var showdown: any;
private extractData(res: Response) {
let body = res.json();
var converter = new showdown.Converter(),
originalBody = window.atob(body.content),
body.title = converter.makeHtml(title);
}
vendor.browser.ts
import 'showdown/dist/showdown';
推荐指数
解决办法
查看次数