1：有一個軟體的幫助檔案是英文版、html格式的；現想在原英文版的下面備注下中文并保存（類似Word中編輯后可直接保存），便于后期閱讀。
2：當前打開html格式的檔案是360瀏覽器，
3：不知有何開發環境或軟體能實作類似功能。
4：html格式的檔案在本地電腦中。
uj5u.com熱心網友回復：
用任何一個文本編輯器（包括‘記事本’）打開進行編輯就可以了。uj5u.com熱心網友回復：
這個方法是可以，但你不感覺打開后想快速找到你想修改的位置有些困難嗎？
沒有在瀏覽器中打開那種格式。
uj5u.com熱心網友回復：
js掛個編輯器然后用blob物件保存就好了。
uj5u.com熱心網友回復：
以前的 vs 編輯 html 檔案是所見即所得的。現在編輯 aspx webform （設計模式）也還是這樣吧。以前是用 dw 之類的編輯器也是所見即所得的。如今程式員覺得所見即所得的微軟編輯器”掉價“，而喜歡高達上地只看 html 代碼。
uj5u.com熱心網友回復：
你要注意的是，這其實是要支持幫助檔案的固定結構。如果你認為是隨便編輯 html 文本，那么就很容易編程標題黨。就好像有人說什么把一個審批流程實作到什么 html 編輯器里邊，這就相當于把人家幾千萬行 c++ 代碼的 Word 功能硬要只有幾百行 js 代碼的 html 編輯器代碼給你實作，這就是癡人說夢。究其根本，這就是把一個極其簡單的 html 文本編輯器，跟一個復雜的語法和功能決議器給搞混了。
uj5u.com熱心網友回復：
比如說，有一個 cad 繪圖軟體。你現在說”我要用一個流行的text文本編輯器，來實作這個cad繪圖功能。同樣的問題可能存在，你想用一個簡單的 html 編輯器來實作幫助檔案生成器功能，有可能是標題黨，或者是被給你做程式的人給坑了！！！
uj5u.com熱心網友回復：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://bbs.csdn.net//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
function savefile() {
var data = document.documentElement.outerHTML;
var blob = new Blob([data], { type: 'text/plain' });
var url = window.URL.createObjectURL(blob);
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, "test.html");
} else {
var a = document.createElement('a');
blob.type = "application/excel";
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = "test.html";
a.click();
window.URL.revokeObjectURL(url);
}
}
function preview() {
$('#preview').html('')
var div = $("<div>")
var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' };
var html = document.getElementById('source').innerHTML.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) { return arrEntities[t]; });
div.append(html);
$('#preview').append(div);
}
</script>
</head>
<body>
<div style="float:left;width:45%;"><textarea style="height:600px;width:90%" id="source"></textarea> <br /><input type="button" value="https://bbs.csdn.net/topics/p" onclick="preview()" /> </div><div id="preview" style="float:left;width:45%;overflow:auto;"></div><div style="clear:both"></div>
<a id="mylink" href="javascript:void(0)" onclick="savefile()">下載</a>
</body>
</html>
似乎也沒那么麻煩，因為瀏覽器很特殊，瀏覽器本身就是一個html解釋器。
uj5u.com熱心網友回復：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<script type="text/javascript">
function savefile() {
var data = document.documentElement.outerHTML;
var blob = new Blob([data], { type: 'text/plain' });
var url = window.URL.createObjectURL(blob);
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, "test.html");
} else {
var a = document.createElement('a');
blob.type = "application/excel";
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = "test.html";
a.click();
window.URL.revokeObjectURL(url);
}
}
function preview() {
$('#preview').html('')
var div = $("<div>")
var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' };
var html = $('#source').val().replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) { return arrEntities[t]; });
div.append(html);
$('#preview').append(div);
}
</script>
</head>
<body>
<div style="float:left;width:45%;"><textarea style="height:600px;width:90%" id="source"></textarea> <br /><input type="button" value="https://bbs.csdn.net/topics/p" onclick="preview()" /> </div><div id="preview" style="float:left;width:45%;overflow:auto;"></div><div style="clear:both"></div>
<a id="mylink" href="javascript:void(0)" onclick="savefile()">下載</a>
</body>
</html>
修改了一下jQuery的cdn，修改了一下獲取textarea的陳述句提高了兼容性（之前只有ie可以過，chrome不能實作具體功能）。
現在的狀態，html文本編輯、html預覽都實作好了，點擊修改這些逆向系結肯定不是三五句代碼能寫完的，我就放個這個你可以參考一下。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/132215.html
標籤：C#
上一篇：.net DevExpress xtraTabControl 控制元件內子頁面表單內容顯示不全
下一篇：小型系統設計思路