对不起基本问题。我是编码的新手,我已经用谷歌搜索“如何从节点模块运行代码”“如何使用节点模块中的代码”等几个小时没有任何实际进展。
基本上,我想用文本编辑器(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代码(不确定这是否有所不同)。 非常感谢你帮助一个新的程序员。 编辑:想出来!我的路径顺序错误,我没有在
中引用一些必要的代码答案 0 :(得分:0)
你需要一些简单的html css js基础知识来开始处理这样的代码
以下是一些提示:
*将link
标记放在头部
*在正文结尾之前放置script
标记
现在尝试运行此代码并双击要编辑的单词
<!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;