我正在尝试实现一个类似于Stackoverflow上的标记编辑器。我在用SimpleMDE。
我已经编写了下面的代码，但出于某种原因，“keyup”事件没有注册。其他的都能用。
关键的javascript部分在这里：
var input = document.getElementById('editable')
input.addEventListener('keyup', function(){
console.log(simplemde.value())
document.getElementById("content").i
浏览 14提问于2022-09-27得票数 1
回答已采纳
1回答
我在textarea的rails应用程序上安装了，用于创建帖子。我遇到的问题是，当我想编辑post.body的内容时(即具有简单文本的文本区域)看起来缩进，就像您在屏幕截图上看到的那样：
我已经查看了显示操作上的源代码，以防它产生额外的标记，但是标记看起来很好。
这让我觉得编辑出了问题。如何修复编辑器上显示的缩进？
这也是我的代码
# The gemfile
gem 'simplemde', '~> 0.1.0'
gem 'redcarpet', '~> 3.4'
# gem 'html-p
浏览 3提问于2017-03-21得票数 0
回答已采纳
2回答
我试图使这个插件在一个表单上为多个ID工作。
插件..。
密码如下..。
<!-- Include the required files -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
&l
浏览 4提问于2017-09-20得票数 2
回答已采纳
1回答
简单标记编辑器不允许输入
、、、
我正在使用的Libray :
我想要达到的目标：博客网站的文本编辑器
我尝试过的:
从default.blade.php扩展而来的刀片文件
@extends('layouts.default')
@section('content')
<div class="flex flex-wrap -mx-3 mb-6">
<div class="w-full px-3">
<label class="label">
浏览 1提问于2021-02-20得票数 0
我正在尝试在默认的Laravel项目中使用simplemde，比如so app.js： window.simplemd = require('simplemde'); 然后，根据简单的per文档，我还将这个添加到了app.js中： var simplemde = new simplemde({ element: document.getElementById("md") }); 这给了我一个错误： Uncaught TypeError: simplemde is not a constructor 我不确定文档所说的simplemde不是构造函数是什么意思。有
浏览 15提问于2019-01-26得票数 0
我导入了一个很棒的标记编辑器simplemde
<script src='{% static "simplemde/debug/simplemde.js" %}'></script>
<script>
var simplemde = new SimpleMDE({
element: document.getElementById("content"),
autoDownloadFontAwesome: false,
status: false,
});
<
浏览 3提问于2018-07-09得票数 1
回答已采纳
1回答
我已经在我的Laravel5.5项目()中包含了SimpleMDE。
npm install simplemde --save
在我的bootstrap.js文件中，我有以下内容：
window.markdown = require('simplemde');
var simplemde = new window.markdown();
这是预期的，它将SimpleMDE绑定到页面上的第一个文本区，但是我不能编辑文本区，它是不可选的。
如果我在simplemde实例化之后以某种方式使脚本出错，比如抛出和错误，它就能完美地工作：
window.markdown = require
浏览 15提问于2018-01-07得票数 0
1回答
我在jsp页面中将呈现为
<article class="post">
<div class="form-style-2">
<form:form method="post" commandName="post">
<form:input cssClass="input-field" path="postTitle"/>
<form:tex
浏览 0提问于2015-12-27得票数 2
1回答
我想在Laravel编译中使用。
我在app.scss中添加了这一行
@import "node_modules/simplemde/dist/simplemde.min.css"；
app.js中的这一行
window.SimpleMDE =要求(‘simplemde’)；
我想在我的项目中编译这个插件..。
浏览 2提问于2017-06-25得票数 0
回答已采纳
1回答
我在我的表单中使用这个，就像
<textarea id="editor-board">
<script>
var simplemde = new SimpleMDE({ element: $("#editor-area")[0] });
simplemde.value("# How are
**This is bold** This is normal
_This is italic_ This is normal
命令在这里
演示命令
sudo apt更新
但是这甚至不是在textarea中加载插件。
在这里，如果将值设置为
浏览 7提问于2017-12-15得票数 0
回答已采纳
我在angular 4服务器端渲染应用程序中使用simpleMDE编辑器，并使用以下命令获取文本区域的引用
@ViewChild('simpleMDE') textarea : ElementRef;
并在ngAfterViewInit()中初始化它
this.simplemde = new SimpleMDE(
{
element: this.textarea.nativeElement.value,
})
在am中的模板中使用文本区域，如下所示
<textarea id="simpleMDE" #sim
浏览 1提问于2017-04-11得票数 2
1回答
是一个减价编辑器，我已经在下面修改过的内容中实现了它：
var simplemde = new SimpleMDE({ element: document.getElementById("txtarea") });
<script src="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css
浏览 0提问于2016-01-17得票数 3
回答已采纳
2回答
我对一个元素找不到有问题。我有一个来自ui路由器的ui状态，名为AuthDesc，对于templateURL，我有以下内容：
<head>
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel=&#
浏览 7提问于2016-05-23得票数 1
回答已采纳
1回答
我正试着用烧瓶建立一个博客。SimpleMDE用作post编辑器(下面的html代码)。我想将标记内容保存到本地文件中，并在jinja2中通过烧瓶-misaka呈现。
在SimpleMDE中，我可以通过simplemde.value()获得原始的标记内容。但是当我将simplemde.value()传递给javascript中的var时。"\n“在经过之后不见了。我认为它可能在javascript中有一些“魔法”工具。html代码返回2条警告消息，第一条消息包含行提要，第二条消息不包含。
有人能给我一些关于这个问题的线索吗？
<!DOCTYPE html>
<html
浏览 3提问于2017-02-20得票数 0
回答已采纳
我想在使用PHP时更改文本框的javascript中的内容。
如果我用纯文本将其更改为：
echo "<script> var test = 0; simplemde.value('test');
test+= 5; alert(test);</script>";
它起作用了。但是有了php变量，它就不再工作了：
echo "<script> var test = 0; simplemde.value('$markdown');
test+= 5; alert(test);</script&g
浏览 0提问于2016-05-04得票数 0
到目前为止我做了什么？
我已经在我的SimpleMDE 6应用程序中成功地实现了它，它工作得很好。然而，我很难在我的组件中获得编辑器的参考。
我想要什么
我想在组件的函数中访问simplemde编辑器，这样我就可以调用它的方法来显示我从服务响应中得到的标记。
有什么问题吗？
我是个新手，不知道如何在模块初始化的组件中获得引用。下面是我的代码，以更好地解释它：
按照这一链接：
我的模块
import { NgModule } from '@angular/core'
import { SimplemdeModule, SIMPLEMDE_CONFIG } from &#
浏览 0提问于2018-09-21得票数 2
回答已采纳
我在一个个人项目中使用Vue来了解更多关于Vue和JS的信息。这将是一个标记编辑，备份到网络。我用的是Vue 2/ Webpack。对于减价编辑器，我使用的是。
我基于搭建了这个项目的支架。该项目是一个具有单个自定义组件的根Vue实例。自定义组件包含编辑器。模板如下所示：
<template>
<div>
<textarea
id="noteEditor"
v-model="note"
/>
</div>
</template>
SimpleMDE查找te
浏览 0提问于2018-09-15得票数 1
回答已采纳
我将非常感谢您的帮助，您知道:我正在尝试获得一个构建编辑器的qooxdoo小部件。您可以在上检查我的测试代码
qx.Class.define("MdEditor", {
extend: qx.ui.core.Widget,
construct: function() {
this.base(arguments);
this.addListenerOnce("appear", this.__appearRenderer, this);
},
members: {
__appearRenderer: function()
浏览 1提问于2016-11-11得票数 1
回答已采纳
2回答
我在我的页面上使用SimpleMDE作为编辑器。守则如下：
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut
浏览 0提问于2018-06-19得票数 0
回答已采纳
1回答
我有问题的Vue渲染在我的网站上。我已经下载了一些论坛应用程序从，我有一些困难，安装它，因为npm没有真正更新，应用程序是从两年前。我设法用package.json修复了npm的所有内容，比如：
"devDependencies": {
"axios": "^0.18.1",
"bootstrap": "^4.4.1",
"cross-env": "^5.2.1",
"jquery": "^3.5
浏览 8提问于2020-04-15得票数 0
2回答
我试图用!import更改分页的背景色。
静态/css/定制_css.css
.pagination>li.active>a {
background-color: orange !important;
}
源代码：
<nav aria-label="...">
<ul class="pagination">
<li class="disabled"><a href="#" aria-label="Previous"><span ar
浏览 1提问于2018-07-10得票数 0
回答已采纳
我有一个javascript文件包括在我的角2应用程序的<head></head>标签。我想从我的类型记录文件中访问javascript文件中的一个函数，我应该如何做呢？当我运行这个应用程序时，我可以在浏览器控制台中输入var simplemde = new SimpleMDE()以使我的标记编辑器正常工作，但是如何在我的类型记录文件中的构造函数中这样做呢？
浏览 1提问于2016-06-30得票数 2
回答已采纳
我使用的是编辑器(1.10.1版)。
是否有一种方法可以将HTML预览设置为打开带有默认previewRender的新选项卡中的锚标记，该选项卡现在将在同一选项卡中打开链接。参考图像：
据我所知，这是实现这一目标的方法-
我知道我们可以设置一个自定义的previewRender，但是为所有的标记语法创建一个定制的解析器函数来为链接添加target="_blank"将是很多事情。
我可以通过简单地更改simplemde.js中的函数togglePreview来将锚标记替换为有target="_blank"的=> replace(/a hre
浏览 2提问于2017-01-17得票数 6
1回答
通过单击图像生成标记代码
、、、
我要和SimpleMDE聊一聊。
逻辑是这样的:我选择一个文件来上传(done)，然后通过ajax (jquery-fileupload) (done)上传文件，然后在表单(done)下面列出所有上传的文件。
到目前为止还不错，但我现在要实现的是，当我单击其中一个图像时，我希望获得该图像的src属性()，并将其自动添加到SimpleMDE中，如下所示
因此，不必每次都手动键入。
理想情况下，指向我的光标在SimpleMDE中的位置，或者如果在内容的末尾不可能这样做。
我该怎么做呢？？
编辑
&
浏览 17提问于2017-02-23得票数 2
回答已采纳
1回答
更新标记中的文本
、、、
编写一个博客网站，使用SimpleMDE (Markdown编辑器)编写Markdown。
在app.js中，
//EDIT BLOG - FORM
app.get("/blog/:id/edit", function(req,res) {
Blog.findById(req.params.id, function(err, foundBlog) {
if(err) {
res.redirect("/blog");
} else {
res.render("editB
浏览 14提问于2017-03-02得票数 0
非常感谢您的帮助，我是不是错过了一步？ 目前我已经成功地将全堆栈无服务器nextJs应用程序部署到了AWS Amplify，并且我在创建新博客时添加了一个新字段进行了更改 添加category字段后，看到未捕获(in promise)错误，无法查看帖子，但可以在listPosts数组error image中查看博客帖子 schema.graphql更改如下所示 title: String!
content: String!
category: String!
username: String 运行amplify push --y Reference Youtube - Han
浏览 40提问于2021-11-05得票数 1
2回答
我正在使用Simplemde ( markdown编辑器)作为一个嵌入的文本区域，用于在我的网站上撰写文章。我最近遇到了一个问题：
在写作时，如果我插入一张图片，它会伸展到100%，占据整个页面，就像这样：
我尝试在文本区域中插入内联css (样式标签)，但不起作用。
然而，在预览选项中，我使用了内联css (将高度和宽度设置为400px )，它可以工作：
如何在此markdown编辑器中根据自己的喜好设置图像大小？
更新:我已经尝试在Markdown中嵌入HTML，如下所示：
<img style="width:400px;" src="ab
浏览 5提问于2017-03-26得票数 6
回答已采纳
我正在进行一个项目，其中我有一个表单来添加一个线程，如下所示：
共享按钮验证线程并将其保存到数据库中：
$('.share-thread').click(function() {
// Validations
let data = {
'_token':csrf,
'subject': $('#subject').val(),
'category_id': $('#category').val(),
'c
浏览 1提问于2021-05-27得票数 0
回答已采纳
我尝试修改架构以添加成分字符串行。从这段代码中，我可以很好地跟踪到一个tee ，您可以在后端和前端文件夹中查看所有代码
我已经用cdk构建并部署了
我的错误在最底层。
任何帮助都是很好的
下面是后端模式的相关部分
# graphql/schema.graphql
type Post @aws_api_key @aws_cognito_user_pools {
id: ID!
title: String!
content: String!
ingredients: String!
owner: String!
}
input PostInput {
id: ID
t
浏览 2提问于2020-12-20得票数 0
回答已采纳
我试着用一个叫做simplemde的插件，我用保龄球把插头插进来了。它导入的javascript试图要求其他加载项，但是当我试图运行代码时，我在控制台Uncaught ReferenceError: require is not defined中得到了这个错误。我理解，除非您对资产管道进行更改，否则无法从客户端要求。我试图找出在这种情况下如何使用rails应用程序。
JS
var CodeMirror = require("codemirror");
require("codemirror/addon/edit/continuelist.js");
requir
浏览 5提问于2017-04-23得票数 1
回答已采纳
我正在使用jQuery和Ajax将我的表单数据发送到一个中，这一切都很好。但是，当我试图检查Ajax请求的响应值以确定我需要显示哪些SweetAlert文本时，用户的事情就开始不起作用了。在检查响应是否等于“成功”时，应该会弹出一个SweetAlert模式，但是除了浏览器控制台之外，什么都不会发生，我可以清楚地看到，来自服务器的唯一响应是“成功”。但是，如果任何其他if语句都是真的(这意味着服务器发送了它正在寻找的响应)，那么SweetAlert就能正常工作。我使用这个响应检查系统已经有几个月了，它已经很好地工作了，但是一天前它就停止了工作，而且我没有更新或更改任何与SweetAlert和jQ
浏览 8提问于2022-07-05得票数 0
回答已采纳
1回答
我有一个电子应用程序，它实现了一个GlobalShortcut的设计，打开一个文件，并读取它。我对dialog.showOpenDialog()方法有一个问题：
// in the main process
const {dialog} = require('electron');
const {BrowserWindow} = require('electron');
app.on('ready', () => {
globalShortcut.register('CommandOrControl+O', ()
浏览 0提问于2021-04-10得票数 0
2回答
在我的项目im中使用这个MarkDown。
要使用jQuery序列化获取im表单的值，问题是它不能与MarkDown一起工作，而我的代码使用的是一个简单的Textarea。
问题就在于此(这里是Markdown )。
<textarea id="messaggio" name="testo"></textarea>
加载标记的脚本
<script>
var simplemde = new SimpleMDE({ element: $("#messaggio")[0] });
</script>
JQ
浏览 4提问于2016-01-06得票数 2
回答已采纳
1回答
我正在使用AJAX进行表单提交。表单中的输入值被插入到数据库中，没有任何问题。但是，我在textarea中写入的文本(数据)没有插入到数据库中。我想这是因为我写的剧本。我做了一些研究，但在这个问题上找不到任何资源。我想知道为什么文本区域中的数据没有插入到我的数据库中？
我的剧本：
<script>
function NewTicket() {
var ticket = $("#newticket").serialize();
$.ajax({
type : "POST",
浏览 5提问于2022-09-02得票数 0
1回答
如何调整渲染标记的默认字体大小
、、、、
我有一个文本区，它最初用SimpleMDE (markdown)捕获文本，并存储在mysql中。在检索时，我使用'Marked‘markdown渲染器在div中显示内容，如下所示……
<div id="content" style="position:relative; width:auto; margin-left:10px; font-size:medium;"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"&g
浏览 10提问于2021-05-25得票数 0
当前看到{value=1, label=USA}的对象输出 ? 相反，我只想访问my-post页面上的标签输出USA 我可以在create-post上访问post.countries ? countries.label : ""，一旦提交，我就会在控制台视图屏幕截图中看到完整的JSON ? ? 这方面的任何帮助都是非常受欢迎的。 如果这是一个复制品，请道歉 // pages/my-posts.js
import { useState, useEffect } from 'react'
import Link from 'next/link&
浏览 22提问于2021-11-08得票数 1
1回答
例如，我正在开发自己的项目包：
/myproject
/package.json
其中依赖项为空：
dependencies: {
}
目前我只想从另一个包中导入所有依赖项，这是可能的吗？
例如，如果我想从下面的git包中导入依赖项：
https://github.com/iview/iview-admin
"dependencies": {
"area-data": "^1.0.0",
"axios": "^0.17.1",
"clipboard": "
浏览 0提问于2018-05-07得票数 0
1回答
我正在尝试使用pagedown标记转换器将标记文本转换为HTML。它没有正确地格式化。
这是JsFiddle URL，在这里它似乎适用于某些标记- 。
这是堆栈溢出片段-
var converter = Markdown.getSanitizingConverter();
jQuery('.mdl-card__markdown-content').each(function() {
text = jQuery(this).text();
vhtml = converter.makeHtml(text);
vhtml = vhtml.replace(/(?:\r\
浏览 0提问于2018-05-19得票数 2
回答已采纳
1回答
我打算写一个“编辑”链接，作为堆栈溢出的底部的问答：
我写了一个编辑图标，并有一个commend.id
<div class="post-menu pull-left">
<a class="editCommentLink" href="#">
<span id="{{ comment.id }}" class="glyphicon glyphicon-edit" aria-hidden="true">edit </span>
浏览 0提问于2018-07-17得票数 1
回答已采纳
Nextjs博客应用程序
当前查看：Application error: a client-side exception has occurred (see the browser console for more information).，我看到了在AWS扩容控制台上创建部署中的post时出现的错误，DynamoDB无法重定向到提交时创建的post，但我可以在提交时本地查看post。错误只出现一次部署到DynamoDB。
任何关于为什么会发生这种情况的迹象都是非常感谢的。
///create-post.js
import { withAuthenticator } from &#
浏览 9提问于2021-11-11得票数 3
下面是令人不快的代码行：
import Channel from '!json-loader!yaml-loader!../../../../config/channel.yml'
如您所见，我使用YAML s绕过了正常的导入加载器逻辑，这样我就可以在编译时将解析后的!文件作为本地变量导入。
这在开发中运行良好(使用webpack-dev-server)，但在生产中失败：
Module not found: Error: Can't resolve 'yaml-loader' in '/var/www/www.avfacts.org/releas
浏览 22提问于2018-02-05得票数 0
1回答
在将我的应用程序移到另一台计算机后，我在运行时遇到了麻烦。下面是我的package.json的一个内容：
{
"name": "lunaticgodsinfo",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build:ssr":
浏览 9提问于2022-08-05得票数 0
回答已采纳
我第一次尝试使用@atlaskit/editor-core。我用npm i @atlaskit/editor-core安装了它，我的npm版本是8.3.0，我的节点版本是16.13.1。
然而，当我试图运行我的应用程序时，我会得到许多相同模式的错误：
ERROR in ./node_modules/@atlaskit/editor-core/dist/esm/plugins/feedback-dialog/index.js 95:183-1
Should not import the named export 'version' (imported as 'coreVe
浏览 12提问于2022-01-12得票数 3
我正在与Django一起开发一个论坛，允许用户相互回复(并引用原始用户的话)。当我执行第一次回复时(我使用一行javascript更新textarea，获取id并从我的视图中使用django模板更新innerHTML，参见下面的html模板)：
问题是，当我试图引用已经引用的消息时，textarea字段中不会出现任何内容。以下是我的观点和模板：
视图
@login_required
def reply_to_post(request, pk, topic_id, post_pk):
reply = get_object_or_404(Post, topic_id=topic
浏览 2提问于2021-07-06得票数 0
我只是试图安装react，但我得到了错误。我已经在我的系统中安装了npm -v 8.12.1版本。我曾试图降低评级，但这并没有帮助
我试过这样的类型：
npm install npm -gdowngraded对"react": "15.3.0"cleared缓存的反应：npm cache clearremoved node_modules、rm -rf node_modules、重新安装node_modules、npm install
{
"name": "ant-design-pro",
"version"
浏览 36提问于2022-06-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
