Question

对不起基本问题。我是编码的新手，我已经用谷歌搜索“如何从节点模块运行代码”“如何使用节点模块中的代码”等几个小时没有任何实际进展。

基本上，我想用文本编辑器（https://github.com/yabwe/medium-editor）创建一个可编辑的div，我已经手动下载并按照指示在编辑器中插入代码（可以在GitHub页面上找到）。这是我的可编辑div的完整代码： HTML：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<link rel="stylesheet" type="text/css" href="post.css">
<script src="other.js"></script>
<link rel="stylesheet" href="css/medium-editor.css">
<link rel="stylesheet" href="css/themes/default.css">
<script src="js/medium-editor.js"></script>
<div contenteditable="true" class= ".editable" id="posteditor"> <p> test words</p></div>
</body>

Javascript（html代码中的其他.js -referenced）：

var elements = document.querySelectorAll('.editable'),
editor = new MediumEditor('.editable');

我还将下载文件中的文件复制并粘贴到一个新文件夹中，其中包含可编辑div的HTML / CSS / Javascript代码（不确定这是否有所不同）。非常感谢你帮助一个新的程序员。编辑：想出来！我的路径顺序错误，我没有在

中引用一些必要的代码

Answer 1

你需要一些简单的html css js基础知识来开始处理这样的代码

以下是一些提示：

*将link标记放在头部

*在正文结尾之前放置script标记

现在尝试运行此代码并双击要编辑的单词

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
  </head>
  <body>
    <div class="editable"><h4>hi I am editable</h4></div>
    <script src="//cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
    <script>var editor = new MediumEditor('.editable');</script>
  </body>
</html>

＆＃13;

我如何使用节点模块？

1 个答案: