Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
參與某個項目的時候,產品經理要求將產品的操作指南生成html頁面的形式直接以鏈接的形式在管理后臺中進行查看,當聽到這個要求時小編是相當頭疼啊,產品的操作指南將近百來頁,不可能手動一頁頁做成html頁面的形式吧。所以小編就想有沒有一個工具能直接將doc文檔生成html頁面工具?經過查找還真讓小編找到一個工具來將doc文檔生成html頁面。下面將告訴你如何使用這個工具,需要這個工具的同學可以在文末找到這個工具的下載方式。
1、打開工具文件的目錄,雙擊“doc2help”這個可執行文件,彈出如下圖示的操作界面;
2、在工具操作界面上,輸入或者選擇處理文件及輸出目錄,其他選擇默認設置即可,后點擊操作中的“生成html”按鈕會彈出轉動的圓圈,表示正在轉換,若轉換成功最后會彈出提示框提示轉換成功。轉換成功后打開輸出目錄可以看到如下圖示的文件及文件夾。
3、用瀏覽器打開上圖中的index頁面,可以看到轉換后的html頁面,此時html頁面已經生成但小編在查看頁面的時候發現某些頁面生成的章節存在問題,變為如下圖示的內容;
4、出現上面的問題就有點尷尬了,難道又要手動來改這些html嗎?小編又重新生成了一遍html頁面,打開發現換成其他地方出問題了,小編有重新生成了幾次發現出現問題的地方是隨機的,發現這一個規律后小編有了一個解決此問題的思路:利用對比工具對比兩次生成的內容,不一樣的地方肯定會有一個是正常了,用正常的覆蓋錯誤的之后就可以解決此問題了;所以打開對比工具,按文件夾對比方式對比,如下圖示:
5、選擇兩次生成html文件夾,最后按“OK”按鈕進行對比,對比結果如下圖示:
6、雙擊對比的頁面,彈出文件內容對比結果(注意左上角要選擇展示不相等的符號按鈕):
7、在正確的窗口中全選(按Ctrl+A鍵)后點擊鼠標右鍵,在彈出菜單中點擊“Copy to Other Side”將正確的頁面內容拷貝到另外一側錯誤的頁面中:
8、拷貝完成后在原錯誤的頁面中保存(按Ctrl+S鍵)保存正確的內容:
9、正確保存后對比內容不相同的地方為空,表示兩個頁面內容都一樣了:
10、按照上次的方式反復操作直至所有頁面內容均一致,此時再打開生成的頁面,沒有發現html頁面還有問題了,至此完成了doc文檔生成html頁面。
上面介紹了如何使用工具完成doc文檔生成html頁面的步驟,由于小編用的是破解版的工具,生成html頁面的時候存在隨機錯誤,所以小編增加了一個對比工具解決這些隨機錯誤。需要獲此這些工具的同學可以關注我們的微信公眾號,回復“doc生成html工具”獲取doc生成html工具包的下載地址。
歡迎大家關注我們同名微信公眾號“麻辣軟硬件(微信號:VOSDeveloper)”,一起交流技術相關話題!關注方法:進入微信“添加朋友”,點擊“公眾號”,在搜索框輸入“麻辣軟硬件”或者“VOSDeveloper”即可點擊關注啦!
先讓我們回顧下前端入門——html 超鏈接的用法 <a href="url"> , 超鏈接是一個非常偉大的發明,它鏈接了整個互聯網,沒有它就沒有互聯網。
超鏈接在發明之初就給它設計了一個默認的樣式,就是藍色帶下劃線的樣式,如下圖:
默認樣式
關于為什么超鏈接是藍色帶下劃線的歷史,可以參考這里:https://baijiahao.baidu.com/s?id=1710334071632114373&wfr=spider&for=pc
當網頁變得越來越豐富,用戶的需求越來越高的時候,這樣的樣式已經不符合大眾的審美,所以通過css來美化超鏈接非常有用和有趣。
鏈接可以使用任何 CSS 屬性(例如 color、font-family、background 等)來設置樣式。
如下圖:
除此之外,可以根據鏈接狀態來設置不同樣式,鏈接狀態分別有:
如下示例:
/* 未被訪問的鏈接 */
a:link {
color: red;
}
/* 已被訪問的鏈接 */
a:visited {
color: green;
}
/* 將鼠標懸停在鏈接上 */
a:hover {
color: hotpink;
}
/* 被選擇的鏈接 */
a:active {
color: blue;
}
未被訪問的鏈接
已被訪問的鏈接
將鼠標懸停在鏈接上
被選擇的鏈接
如果為多個鏈接狀態設置樣式,請遵循如下順序規則:
以上是鏈接的各種偽類,描述了鏈接的不同狀態,你可以試試在不同狀態下給設置不同的屬性,比如背景色,字體或者文本修飾等等。
鏈接通常用來當做按鈕使用,點擊它跳轉頁面或執行一些事件或js函數。如下示例:
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
定義了一個背景色為紅色的按鈕,如下圖:
注意:如果想在點擊這個按鈕后禁止跳轉頁面,可以給href屬性設置javascript:void();,在以后會講到JavaScript在網頁中的使用,這里你已經看到,在href屬性中通過Javascript:的形式可以執行一段js語句或函數,這里void()就是阻止鏈接跳轉。
上面只是一個簡單的例子,當然你也可以制作更漂亮的按鈕,比如加上圓角、陰影、或漸變背景等。
當鼠標移動到鏈接上時,你會看到鼠標變成一個手形,通過css cursor 屬性可以改變鼠標指針的形狀,如下圖:
可以嘗試按照上面的屬性依次練習一遍,鏈接的樣式到此就介紹完了,感謝關注。
上篇:前端入門——css字體和文本
當今互聯網的時代,短鏈(ShortURL)已經成為了許多網站和應用程序中非常重要的一部分。短鏈是指一個唯一的、短的URL,它可以快速地將用戶訪問的網站或應用程序鏈接到另一個網站或應用程序,使得用戶可以快速地訪問所需的內容。
穩定短鏈生成器在哪?
目前,市場上有很多短鏈生成器,但是它們的穩定性和可靠性各不相同。一些生成器只是簡單地將長鏈接轉換為短鏈接,而另一些生成器則能夠根據特定的網站或應用程序生成穩定、可靠的短鏈接。因此,選擇穩定短鏈生成器時,需要仔細評估其功能和穩定性。
小程序鏈接轉換成網頁鏈接怎么實現?
將小程序鏈接轉換為網頁鏈接,可以通過以下步驟完成:
1.將小程序鏈接發送給你的朋友,讓他們通過分享鏈接來訪問你的小程序。
2.在網頁上創建一個新的鏈接,該鏈接指向你的小程序的URL。
3.使用JavaScript代碼將小程序鏈接轉換成網頁鏈接。具體而言,可以通過以下代碼實現:
```
varurl = window.location.href;
varlink = url.split('&')[0].split('=')[0];
varstr = link.replace('/小程序鏈接','');
window.location.href= str;
```
4.將轉換后的網頁鏈接保存下來,以備將來使用。
需要注意的是,將小程序鏈接轉換為網頁鏈接可能會對小程序的性能和用戶體驗造成一些影響。因此,在進行轉換時,需要權衡網頁鏈接的穩定性和小程序的性能。
以上就是關于“穩定的短鏈生成器在哪?小程序鏈接轉換成網頁鏈接怎么實現”的全部內容,希望對您有所幫助。如果您有其他問題或需求,歡迎繼續提出。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。