2016-10-15 123 views
0

對不起,基本問題。我是編程新手,我已經使用了「如何從節點模塊運行代碼」,「如何使用來自節點模塊的代碼」等幾個小時,而沒有任何實際進展。如何使用節點模塊?

基本上,我想用文本編輯器(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(other.js HTML代碼中參考的):

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

我也複製和將下載文件中的文件粘貼到一個新的文件夾中,該文件夾包含可編輯div的HTML/CSS/Javascript代碼(不知道這是否會產生影響)。 非常感謝您幫助新編碼器。 編輯:想通了!我的路徑是在錯誤的順序,我並沒有在

回答

0

你需要一些簡單的HTML CSS JS基礎知識,以開始處理這些代碼

這裏引用一些必要的代碼有一些提示:

*把link標籤的頭部

*把script標籤身體

現在嘗試運行T的結束前他的代碼,並雙擊您要編輯的字

<!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>

+0

太感謝你了!我有幾個跟進問題給你: –

+0

我很高興幫助 – Microsmsm

+0

- 你知道這個班是「可編輯的」而不是「可編輯的」嗎? - 你知道我可以如何使用手動安裝嗎?我在問,因爲我想改變一下格式和樣式,我假設我需要我自己的服務器中的文件來更改代碼。非常感謝! –