我想为用户提供实时预览使用Markdown创建的笔记的功能.但是我在该项目中找不到任何下载.
如何开始使用PageDown Markdown编辑器？
有关此问题的改进解决方案,请参阅问题的底部
我现在已经尝试了一段时间来获得降落工作的指令.这是stackoverflow使用的完全相同的编辑器.Stackoverflow在此处提供此代码:
https://code.google.com/p/pagedown/
互联网上有一些版本,但都没有.我需要的是一个与所有编辑器按钮一起出现的内容,就像stackoverflow一样,当内联编码时,以及它作为ngRepeat的一部分内联时.
我希望这个指令在内联编码时使用,也可以在使用Angular 1.2.7版本的ng-repeat内部工作.我们需要的是,当模型数据发生变化时,指令需要更新页面向下视图以显示新的问题和答案.当用户更改向下翻页编辑区域时,指令需要能够更新模型.当用户单击[保存]时,需要将模型数据保存到数据库(或至少保存到另一个对象以确认其有效).
该指令需要能够响应模型中的更改,并在键盘上或在编辑窗格中按下"更改"按钮时将其原始数据保存到模型中.这是我到目前为止所拥有的.请注意,此版本没有$ wmdInput.on('更改',但它是需要的开始.
最重要的是我想使用Angular和jQuery 2.0.3的1.2.7版本.请注意,我发现版本1.2.2和1.2.7之间的非工作代码存在差异.我认为最好的解决方案适用于最新版本(1.2.7).
更新
我现在这个指令更简单,解决了我最近遇到的内容没有显示的问题.我强烈建议使用这个基于接受的答案的指令加上一些改进:https://github.com/kennyki/angular-pagedown
我正在实现一个看起来非常像math.stackexchange.com上的UI:
$... 之间使用MathJax解析公式$.所以我下载了PageDown演示并进行了设置,效果非常好.现在我尝试在每次<textarea>更改时动态加载MathJax .
MathJax得到了这种方法的一个例子,但我无法让它运行.这就是'my'代码的样子:
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="../../Markdown.Converter.js"></script>
<script type="text/javascript" src="../../Markdown.Sanitizer.js"></script>
<script type="text/javascript" src="../../Markdown.Editor.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [["$","$"],["\\(","\\)"]]
}
});
$("#wmd-input").keypress(function(event){
UpdateMath($(this).val());
});
</script>
<script type="text/javascript" src="../../../mathjax-MathJax-07669ac/MathJax.js?config=TeX-AMS_HTML-full">
</script>
</head>
<body>
<script>
(function () {
var QUEUE = MathJax.Hub.queue; // shorthand for the queue
var math = null; // the element jax for the math …StackExchange站点使用MarkDown语法编写问题和答案.这是使用客户端的PageDown和服务器端的MarkDownSharp和Jeff的HTML清理程序构建的.我正在考虑建立一些非常相似的东西.
我理解为什么我需要在服务器端清理HTML.但MarkDownSharp的目的是什么？为什么我不能在客户端使用PageDown从MarkDown转换为HTML并将其发送到服务器？
为了实现图像上传到PageDown markdown编辑器,我修改了一些关于编辑器的代码.
Markdown.Editor.js
var defaultsStrings = {imagedialog:"<input id ='image'type ='file'/>"}
选择图片然后单击确定按钮发送ajax请求.它可以返回图像路径.
var okButton = doc.createElement("input");
okButton.type = "button";
okButton.onclick = function () {
var data = new FormData();
data.append('file', $( '#image' )[0].files[0] );
$.ajax({
url: 'uploadFile',
data: data,
processData: false,
contentType: false,
type: 'POST',
success: function ( data ) {
alert(path);
}
});
return close(false);};
如何在编辑器预览区域中预览图像？
我什么时候加载一个带有一个非常简单的例子的页面
未捕获的TypeError:无法读取null的属性"attachEvent".Markdown.Editor.js:273
在我的Chrome控制台日志中.
在Firebug我得到了
elem is null [Break On This Error]
if (elem.attachEvent) {
Markdo...itor.js (line 273)
为什么我会收到这些错误,如何解决？
使用向下翻页/标准降价,有没有办法标记邮政地址或电子邮件签名块,以便它不会折叠成一行？
例如
First Lastname
Some Company
2041 Smile Rd
New York, NY
(999) 999-8888
如果我把它留下 - 如下图所示,它折叠成一行.添加额外的换行符会包装段落标记中的每一行.
如何标记它以便显示如上？
这是我的代码：
---
title: "A Multi-page HTML Document"
author: "Yihui Xie and Romain Lesur"
date: "`r Sys.Date()`"
output:
pagedown::html_paged:
toc: true
toc_depth: 3
# change to true for a self-contained document, but it'll be a litte slower for Pandoc to render
self_contained: false
---
# Exercises 1 {-}
# Exercises 2 {-}
# Exercises 3 {-}
如何修复这些空白页？那我想删除。
我已经创建了自己的insertImageDialog挂钩,允许直接在编辑器中上传文件.
$('div#insertImageDialog input[type=file]').ajaxfileupload({
action: $file.attr('data-action'),
onStart: function() {
$loader.show();
},
onComplete: function(response) {
$loader.hide();
if (response.success) {
callback(response.imagePath); // <---- oO
dialogClose();
} else {
alert(response.message);
$file.val('');
}
}
});
这在我第一次插入图像时工作正常.
每次之后,它都会失败并出现以下异常:
未捕获的TypeError:无法调用null的方法'removeChild'Markdown.Editor.js:1683 commandProto.doLinkOrImage.linkEnteredCallback Markdown.Editor.js:1683 self.initMarkdownEditor.editor.hooks.set.$.ajaxfileupload.onComplete
上传在编辑器之外工作正常,所以我只能认为这是回调的某种范围问题.
在一天的大部分时间里,我一直把头发拉过来.
我正在尝试使用 R Markdown 和{pagedown}包制作简历。
是否可以只在第一页上包含灰色侧边栏？
我已经尝试按照此处所述使用页面标识符。
@page :first {
.aside{
width: var(--sidebar-width);
padding: 0.6in var(--sidebar-horizontal-padding);
font-size: 0.8rem;
float: right;
position: absolute;
right: 0;
}
}
我希望定义.aside内部:first会使灰色的旁栏只出现在第一页上，但没有运气。有什么建议么？
一个最小的例子在这里： https: //github.com/wjakethompson/cv-test
pagedown ×10
markdown ×4
javascript ×2
r ×2
r-markdown ×2
ajax ×1
angularjs ×1
form-data ×1
jquery ×1
mathjax ×1