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
家好,我是 Echa。
前段時(shí)間,老鐵們私信我有么有又免費(fèi)又好用的在線代碼編輯器,最近找了找。終于找到了。給老鐵們安排上。創(chuàng)作不易,喜歡的老鐵們轉(zhuǎn)發(fā)加個(gè)關(guān)注,點(diǎn)個(gè)贊,速速收藏,謝謝!
今天來推薦六個(gè)好用又免費(fèi)的在線代碼編輯器!
在線地址:https://codesandbox.io/
CodeSandbox 是一個(gè)在線代碼編輯器,主要用于創(chuàng)建 Web 應(yīng)用項(xiàng)目,其提供了多種模塊:
CodeSandbox 為前端開發(fā)提供了完整的代碼編輯器體驗(yàn)和沙盒環(huán)境。其包含了很多實(shí)用功能:
在線地址:https://codepen.io/
CodePen 是一個(gè)在線的HTML、CSS 和 JavaScript 代碼編輯器,能夠編寫代碼并即時(shí)預(yù)覽效果,可以利用它來構(gòu)建和分享代碼。CodePen 支持使用 Less、Sass、PostCSS 等來編寫CSS。CodePen 不僅是一個(gè)在線編輯器,還是一個(gè)龐大的前端社區(qū),上面有來自全球開發(fā)者分享的各種各樣炫酷的效果,并且這些代碼都是開源和共享的。
在線地址:https://stackblitz.com/
Stackblitz 和 VSCode 非常像,使用簡單可以一鍵創(chuàng)建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等項(xiàng)目:
Stackblitz 具有以下特性:
在線地址:http://jsfiddle.net/
JSFiddle 是一個(gè)在線代碼編輯器,允許用戶在單個(gè)頁面上編輯和運(yùn)行 HTML、JavaScript 和 CSS 代碼。JSFiddle 使用 CodeMirror 構(gòu)建,其提供了多游標(biāo)、語法高亮、語法驗(yàn)證(linter)、大括號(hào)匹配、自動(dòng)縮進(jìn)、自動(dòng)完成、代碼/文本折疊、搜索和替換以協(xié)助開發(fā)人員的操作。JSFiddle 被廣泛用于共享簡單的測試和演示。
在線地址:https://jsbin.com/
JS Bin 是一個(gè)開源的協(xié)同 web 開發(fā)調(diào)試工具。主要用于幫助測試 JavaScript 和 CSS 的代碼片段,功能與 jsFiddle 類似。可以實(shí)時(shí)分享在 JS Bin 中輸入的內(nèi)容,在任何平臺(tái)上的任何設(shè)備上查看 JS Bin 的輸出,都是實(shí)時(shí)更新的。
在線地址:https://code.juejin.cn/
碼上掘金是一個(gè)為廣大開發(fā)者提供代碼在線 Playground 的平臺(tái),具備輕量簡單、易使用、現(xiàn)代標(biāo)準(zhǔn)、模塊化、實(shí)時(shí)編輯,所見即所得等特性。內(nèi)置了 ES Modules 支持,并且支持 React、Vue 等流行前端框架。
持復(fù)制粘貼WORD圖片的HTML編輯器,怎么把WORD文檔粘貼到編輯器里啊?HTML編輯器 復(fù)制WORD里面帶圖文的文章,圖片可以直接顯示,JSP – 支持WORD上傳的富文本編輯器,EWEBEDITOR 從WORD中復(fù)制內(nèi)容帶多張圖片,如何從WORD文檔復(fù)制公式到富文本編輯器,復(fù)制word圖片,從word中復(fù)制圖片,
從word中粘貼圖片,粘貼word內(nèi)容,粘貼word圖片,粘貼word圖文,復(fù)制粘貼word文檔,復(fù)制粘貼word圖片,復(fù)制粘貼word圖文,復(fù)制粘貼word內(nèi)容,
之前在網(wǎng)上找過相關(guān)的資料,論壇里面也有網(wǎng)友交流過,還加過不少Q(mào)Q群和微信群,但是結(jié)果都不太令人滿意。相關(guān)的文章提問的人多,能夠給出方案的人少,能夠給出成熟產(chǎn)品的就更少了,說的直接一點(diǎn)根本就沒有,純屬浪費(fèi)時(shí)間。要示例沒示例,要代碼沒代碼,根本就用不了,
有幾個(gè)方面的原因吧,一個(gè)是網(wǎng)上的資料提的一些都是開源的方案,也不是說開源的方案不行,關(guān)鍵是提到的這些方案,公司項(xiàng)目組去評(píng)估發(fā)現(xiàn)聯(lián)系不到開發(fā)人員,而且方案本身也停止更新了,處于沒有人維護(hù)的狀態(tài),所以項(xiàng)目組這邊不太敢用。主要是之前在這塊也踩過坑。給客戶做的項(xiàng)目,客戶二期提了一個(gè)需求,因?yàn)橹暗拈_發(fā)人員用的是一個(gè)開源的方案,現(xiàn)在連官網(wǎng)都打不開了,更別提聯(lián)系開發(fā)人員了,根本就動(dòng)不了。
客戶那邊也不差這點(diǎn)錢,之前公司項(xiàng)目組就是在這塊踩過坑,用了開源的方案,客戶那邊提了一個(gè)新需求,但是由于項(xiàng)目組對產(chǎn)品本身并不熟悉,導(dǎo)致沒辦法進(jìn)行二次開發(fā)。
這個(gè)功能對用戶來說確實(shí)是非常的有用,用戶也比較喜歡這個(gè)功能,確實(shí)能夠提高他們的工作效率,一般內(nèi)容都是提前在word中編輯好了的,他們發(fā)布內(nèi)容的時(shí)候是直接從word文檔里面復(fù)制的。
從word中復(fù)制圖片和文字內(nèi)容,然后粘貼到web富文本編輯器中,粘貼后word圖片自動(dòng)上傳到web服務(wù)器中,自動(dòng)將圖片和文字HTML添加到編輯器中,保留word中的文字格式,文字顏色,字體,樣式,
用戶發(fā)布新聞的時(shí)候是從word里面復(fù)制圖片和文字,然后將word圖文內(nèi)容粘貼到web富文本編輯器中,希望能夠?qū)ord的圖片自動(dòng)上傳到服務(wù)器中,服務(wù)器地址能夠自定義,
后端的話需要支持任意開發(fā)語言,比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于標(biāo)準(zhǔn)HTTP協(xié)議的都要支持。如果能夠不裝控件最好,
視頻教程:https://www.ixigua.com/7233953214108795407
1.下載示例:
http://www.ncmem.com/webapp/wordpaster/versions.aspx
2.復(fù)制WordPaster插件目錄
3.引入插件文件
注意:不要重復(fù)引入jquery,如果您的項(xiàng)目已經(jīng)引入了jq,則不用再引入jq-1.4
4.在工具欄中增加插件按鈕
6.初始化控件
注意:
1.如果接口字段名稱不是file,請配置FileFieldName。ueditor接口中使用的upfile字段
參考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
2.如果接口返回JSON,請配置ImageMatch
參考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
3.如果接口返回的圖片地址沒有域名,請配置ImageUrl
參考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有權(quán)限驗(yàn)證(登陸驗(yàn)證,SESSION驗(yàn)證),請配置COOKIE。或取消權(quán)限驗(yàn)證。
參考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
效果
訂閱版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年費(fèi)版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版報(bào)價(jià)單:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
產(chǎn)品源代碼:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授權(quán)碼生成器:https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1
016-05-16 09:07:47 次閱讀 次推薦 稿源:cnBeta.COM條評(píng)論
微軟已經(jīng)發(fā)布了面向Windows 10 PC / Mobile雙平臺(tái)的HTML編輯器應(yīng)用,盡管目前仍處于Alpha階段,但它已支持編寫HTML、CSS、PHP、JavaScript代碼,并有許多輔助工具來幫助你提升效率。如果你曾經(jīng)想過邊走邊不停地調(diào)試優(yōu)化代碼,現(xiàn)在微軟已經(jīng)幫你提供了一個(gè)實(shí)現(xiàn)的方法。你可以打開現(xiàn)有文件或新建一個(gè),通過OneDrive加載或保存——意味著你可以從任何支持的設(shè)備上這么做。
該編輯器有如下幾項(xiàng)重要特性:
? 高亮HTML、CSS和JavaScript語法;
? HTML渲染 - 可展示一個(gè)渲染后的HTML/CSS/JavaScript版本;
? 設(shè)置窗口大小;
? 實(shí)時(shí)選擇CSS和JavaScript文件;
? 自動(dòng)完成:PC版支持高級(jí)補(bǔ)全、移動(dòng)版支持基礎(chǔ)補(bǔ)全。
鑒于目前該應(yīng)用仍處于Alpha階段,所以bug肯定是免不了的。在Neowin的測試中,就遇到了一些崩潰或個(gè)別按鈕無法正常工作的情況,不過創(chuàng)建和編輯文件的功能還是OK的。
The HTML Editor(Windows Store)
[編譯自:Neowin, via:MS PowerUser]
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。