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
Quill是一個(gè)所見(jiàn)即所得的富文本編輯器,是一個(gè)集兼容性和可擴(kuò)展性于一體的優(yōu)秀編輯器,
https://github.com/quilljs/quill
通過(guò)簡(jiǎn)單的API可以細(xì)粒度地訪問(wèn)編輯器的內(nèi)容,更改和事件。使用JSON作為輸入和輸出一致且確定性的工作
支持臺(tái)式機(jī),平板電腦和手機(jī)上的所有現(xiàn)代瀏覽器。體驗(yàn)相同的一致行為,并跨平臺(tái)生成HTML。
在過(guò)去,評(píng)估富文本編輯器就像比較所需格式的清單一樣簡(jiǎn)單。一個(gè)好的RTF編輯器的標(biāo)志就是它支持多少種格式。雖然這很重要,但是如果能夠自定義內(nèi)容和格式,那其擴(kuò)展性將是無(wú)限的。
所有這些好處都包含在易于使用的代碼中。 Quill帶有默認(rèn)值,只需幾行Javascript就可以立即使用它:
var quill = new Quill('#editor', {
modules: { toolbar: true },
theme: 'snow'
});
如果不需要自定義,那么你只需享受現(xiàn)成的豐富而一致的體驗(yàn)即可。
功能上支持圖片上傳、視頻、代碼高亮(內(nèi)置了highlight)等功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="quill.snow.css" rel="stylesheet">
</head>
<body>
<!-- 編輯器容器 -->
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br></p>
</div>
<!-- 引入quill -->
<script src="quill.js"></script>
<!--初始化 -->
<script>
var quill = new Quill('#editor', {
theme: 'snow'
});
</script>
</body>
</html>
本文對(duì)于Quill的介紹有限,但是并不能掩飾它的優(yōu)秀,具體的用法和API可以參考官方文檔,不過(guò)蘿卜青菜,各有所愛(ài),合適的才是最好的!
面我推薦幾款工具
HTML App Build 工具是一款可以將 HTML 網(wǎng)頁(yè)轉(zhuǎn)換為 EXE 可執(zhí)行文件的軟件。它可以讓您使用 HTML、JavaScript 和 CSS 等網(wǎng)頁(yè)技術(shù)開發(fā)跨平臺(tái)的移動(dòng)應(yīng)用
使用 HTML App Build 工具的步驟如下:
1. 在您的電腦上安裝 HTML App Build 工具
2. 打開 HTML App Build 工具,選擇“文件”-> “新建”->“項(xiàng)目”,輸入項(xiàng)目名稱和保存路徑,選擇“5+ App”模板。
3. 編寫您的 HTML、JavaScript 和 CSS 代碼,或者使用 HBuilderX 內(nèi)置的 HTML5+ API 和 MUI 框架來(lái)快速開發(fā)移動(dòng)應(yīng)用。
4. 在 HTML App Build 工具中選擇“運(yùn)行”-> “運(yùn)行到手機(jī)或模擬器”,查看您的應(yīng)用在真機(jī)或模擬器上的效果。
5. 在 HTML App Build 工具中選擇“云打包”-> “打包設(shè)置”,設(shè)置應(yīng)用的圖標(biāo)、名稱、版本號(hào)等信息,然后選擇“開始云打包”。
6. 等待云打包完成后,下載應(yīng)用的 EXE 文件,或者掃描二維碼在手機(jī)上安裝應(yīng)用。
HEX 工具是一款可以將 HTML 網(wǎng)頁(yè)轉(zhuǎn)換為 EXE 或 APP 的軟件。它可以讓您使用 HTML等網(wǎng)頁(yè)技術(shù)開發(fā)桌面或移動(dòng)應(yīng)用。
使用 HEX 工具將 HTML 變?yōu)?EXE 或 APP 的步驟如下:
1. 在您的電腦上安裝 HEX 工具。
2.打開HEX 工具,選擇“新建項(xiàng)目”,輸入項(xiàng)目名稱和保存路徑,選擇“HTML”模式。
3.編寫您的 HTML ,JavaScript 和 CSS 代碼,或者使用現(xiàn)有的 HTML 網(wǎng)頁(yè)文件。
4.在HEX 工具中選擇“發(fā)布項(xiàng)目”,設(shè)置您的應(yīng)用的圖標(biāo)、名稱、版本號(hào)等信息,然后選擇“生成 EXE”或“生成 APP”。
5.等待生成完成后,您就可以得到您的應(yīng)用的 EXE 或 APP 文件,可以在電腦或手機(jī)上運(yùn)行。
這是詳細(xì)的使用過(guò)程:HTML杞? EXE錛寃eb欏圭洰鎵撳寘 exe鐨勮В鍐蟲柟妗堬紙1錛夛細(xì)HEX - 鐭ヤ箮
HTML Compiler是一款可以將HTML文件轉(zhuǎn)換為可執(zhí)行文件的工具。您可以使用它來(lái)制作獨(dú)立的網(wǎng)頁(yè)應(yīng)用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步驟操作:
1. 下載并安裝HTML Compiler2021直裝版,或者從官網(wǎng)下載最新版本。
2. 打開HTML Compiler,選擇“新建項(xiàng)目”或“打開項(xiàng)目”,并選擇您要編譯的HTML文件或文件夾。
3. 在項(xiàng)目設(shè)置中,您可以修改應(yīng)用程序的名稱、圖標(biāo)、版本、版權(quán)等信息,以及選擇編譯選項(xiàng)和輸出路徑。
4. 點(diǎn)擊“編譯”按鈕,等待編譯完成,您就可以在輸出路徑中找到生成的可執(zhí)行文件了。
這是關(guān)于html compiler直裝版的詳細(xì)教程HTML Compiler2021直裝版 附安裝教程及特點(diǎn) - 嗶哩嗶哩
如果您只是想編輯和運(yùn)行HTML文件,而不需要編譯成可執(zhí)行文件,您可以使用其他的HTML編輯器,例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語(yǔ)法高亮、代碼提示、實(shí)時(shí)預(yù)覽等功能,可以幫助您快速編寫和測(cè)試HTML代碼。
著使用電腦手機(jī)的時(shí)間越來(lái)越多,個(gè)人收集的在網(wǎng)盤與收藏夾里的文件也越雜亂。
長(zhǎng)久這樣不處理會(huì)讓人產(chǎn)生數(shù)據(jù)焦慮,所以現(xiàn)在很多人會(huì)利用思維導(dǎo)圖與各種筆記軟件來(lái)輔助梳理自己收集的數(shù)據(jù),專業(yè)一點(diǎn)的還會(huì)用上Roam Research、Logseq 以“塊”為編輯結(jié)構(gòu)的軟件。
但這些國(guó)外軟件存在著訪問(wèn)慢,以及遲遲不進(jìn)行本土化的痛點(diǎn),于是國(guó)內(nèi)的廠商抓住機(jī)會(huì),把各類辦公的模塊準(zhǔn)備好,大家就能像拼積木一樣組合成自己的專屬頁(yè)面。
而今天體驗(yàn)的這款筆記工具,是集合了記筆記、個(gè)人或團(tuán)隊(duì)主頁(yè)、在線多維表格、項(xiàng)目進(jìn)度、圖片視頻音頻及看板等眾多功能于一體,同時(shí)支持安卓、iOS、網(wǎng)頁(yè)的FlowUs!
不管是建立自己的介紹主頁(yè),讀書筆記,還是團(tuán)隊(duì)的內(nèi)部文檔庫(kù),都可以使用里面提供的模板來(lái)快速上手,F(xiàn)lowUs 的模板中心提供了大量的寫作框架,所以第一次使用也不用擔(dān)心沒(méi)有頭緒的問(wèn)題,這些模板能幫助你快速上手。
思緒雜亂的時(shí)候,看到這些井井有條的模板,心情都變好了
從上面的圖里可以看到,里面的模板被分成了很多大類:工作通用、學(xué)生教師、個(gè)人生活、項(xiàng)目管理、工程師、人力行政、市場(chǎng)運(yùn)營(yíng)、產(chǎn)品經(jīng)理、設(shè)計(jì)等適用于各行各業(yè)常用的辦公場(chǎng)景,不僅樣式多和美觀,并且全部免費(fèi)使用!除了電腦端之外,在手機(jī)上也能隨時(shí)記錄。界面美觀,層次清晰。
一個(gè)好的筆記工具,編輯功能要足夠多才行,而 FlowUs 可以連接其他平臺(tái),或是把網(wǎng)頁(yè)加入進(jìn)來(lái),就相當(dāng)于是之前推薦的剪報(bào)瀏覽器在線版。
比如說(shuō)我們要在筆記里加入個(gè)人信息或者作品集時(shí),要貼上我們的視頻或者其他平臺(tái)的網(wǎng)址,這時(shí)候 FlowUs 除了可以輸入常規(guī)的文本表格、公式圖片外,還可以上傳視頻、音樂(lè)等文件,或者像是直接嵌入“網(wǎng)抑云”與嗶哩嗶哩的視頻,這樣頁(yè)面分享出去就豐富很多,第三方平臺(tái)的內(nèi)容也可以直接在頁(yè)內(nèi)預(yù)覽,非常方便。
接下來(lái)就是以“塊”為特點(diǎn)的編輯器特色了,F(xiàn)lowUs 支持哪些類型的項(xiàng)目添加?可以直接點(diǎn)擊旁邊的“+”號(hào),或者輸入一個(gè)“/”來(lái)調(diào)出支持的塊。
下面來(lái)看看到底有多少:文件夾、網(wǎng)頁(yè)書簽、看板、代碼片段和數(shù)學(xué)公式、墨刀、Figma 等第三方平臺(tái),以后支持的項(xiàng)目還會(huì)越來(lái)越多,這么豐富的頁(yè)面聚合,你可以隨便添加自己喜歡的內(nèi)容,就算是套娃也沒(méi)關(guān)系。就,很開放。
編輯完成之后,可以選擇分享頁(yè)面,其他人就可以通過(guò)鏈接直接查看,甚至下載文件。由于支持頁(yè)面的嵌套,你可以拿來(lái)寫作一個(gè)小博客的站點(diǎn)。
在手機(jī)上還能導(dǎo)出為高清圖片。
在介紹這個(gè)功能之前,先來(lái)說(shuō)一下什么是多維表?多維表就是你只需要輸入一次數(shù)據(jù),就可以得到不同的信息展示方式,而不用自己再去辛辛苦苦的去調(diào)整樣式,有些數(shù)據(jù)在不同的時(shí)間,側(cè)重點(diǎn)也會(huì)發(fā)生變化,這個(gè)切換視圖的功能是非常棒的,經(jīng)常用 Excel 數(shù)據(jù)透視表的朋友都懂。
果核這里用動(dòng)圖演示一下,下面這個(gè)軟件更新記錄列表,可以根據(jù)你的需要,切換成看板視圖、表格視圖等不同形式。把數(shù)據(jù)變成看板能更直觀的展示事件進(jìn)行的狀態(tài)。
仔細(xì)看看圖標(biāo)和標(biāo)題,就會(huì)發(fā)現(xiàn)這是通過(guò)官方提供的讀書筆記模板小改而成的,非常方便
為了適配各種業(yè)務(wù)場(chǎng)景,F(xiàn)lowUS提供了多種不同的視圖,包括畫廊、表格、看板、目錄、時(shí)間軸等,每種視圖都有不同的特色。
想要健身或者習(xí)慣養(yǎng)成的可以使用下面這個(gè)模板,可以直觀的看到統(tǒng)計(jì)數(shù)據(jù)。
在畫廊視圖下還可以自行設(shè)置卡片封面。這樣就可以用畫廊視圖用來(lái)做讀書筆記、觀影筆記、待辦清單,或是管理公司職工資料,都是不錯(cuò)的選擇。
FlowUS的多維表支持的元素類型很多,比如:文本、數(shù)字、人員提醒(團(tuán)隊(duì)版)、文件、網(wǎng)址等等,在做好自己的頁(yè)面后,你還可以選擇分享給其他人使用。
FlowUs還有文件夾功能,其實(shí)就是不限速的網(wǎng)盤!在左側(cè)目錄樹里,內(nèi)置了“文件管理"模板,可以直接拿來(lái)做網(wǎng)盤使用。
然后就可以在這里新建自己的文件夾,什么圖片、視頻、音頻的文件都可以上傳。網(wǎng)盤中的視頻圖片與文檔等支持在線預(yù)覽。
網(wǎng)盤里的文件直接分享,使用者只需打開分享鏈接就可以獲取,下載速度也非常快,這是最普通的速度,好家伙,以后大家在個(gè)人使用傳文件的時(shí)候,都可以貼這個(gè)做個(gè)下載頁(yè)面了,還可以貼上資源的使用教程等信息。
這個(gè)功能還可以用來(lái)與小伙伴分享資源,在新增的功能里,創(chuàng)建協(xié)作團(tuán)隊(duì)可以支持5人以下的團(tuán)隊(duì)免費(fèi)使用,也就是說(shuō)有需求的朋友可以拉上朋友、團(tuán)隊(duì)甚至家人建一個(gè)協(xié)作共享空間!直接變身家庭盤!
同時(shí)不用擔(dān)心空間有了,設(shè)備不支持的問(wèn)題,F(xiàn)lowUS現(xiàn)在有各個(gè)終端的版本,下載直接使用!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。