国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【Electron】富文本編輯器之文本粘貼

這篇具有很好參考價值的文章主要介紹了【Electron】富文本編輯器之文本粘貼。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

【Electron】富文本編輯器之文本粘貼,electron,javascript,前端
【Electron】富文本編輯器之文本粘貼,electron,javascript,前端
由于這個問題導(dǎo)致,從其他地方復(fù)制來的內(nèi)容 粘貼發(fā)送之后都會多一個 換行

【Electron】富文本編輯器之文本粘貼,electron,javascript,前端
在發(fā)送的時候如果直接,發(fā)送innerHTML 就 可以解決

Electron h5 Andriod 都沒問題,但是 公司的 IOS 端 不支持,且不提供支持(做不了。)。

于是,繼續(xù)想辦法。

把單純的富文本插入操作,改一下,只粘貼文本內(nèi)容文章來源地址http://www.zghlxwxcb.cn/news/detail-770316.html

	e.preventDefault();
	const pastedText = e.clipboardData.getData('text/plain')
	if (pastedText) {
	  document.execCommand('insertText', false, pastedText);
	}
	e.preventDefault();
	const pastedText = e.clipboardData.getData('text')
	if (pastedText) {
	  var newNode = document.createElement("span");
	  newNode.style = "white-space: pre-line";
	  newNode.innerHTML = pastedText;
	  // 找到光標(biāo)插入并且  右移光標(biāo)
	  window.getSelection().getRangeAt(0).insertNode(newNode);
	  window.getSelection().modify("move", "right", "character");
	  // document.execCommand('insertText', false, pastedText);
	}

到了這里,關(guān)于【Electron】富文本編輯器之文本粘貼的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • wangEditor富文本編輯器的調(diào)用開發(fā)實錄2(V5版本自定義粘貼,去除復(fù)制word或網(wǎng)頁html冗余樣式代碼的解決方案)

    wangEditor富文本編輯器的調(diào)用開發(fā)實錄2(V5版本自定義粘貼,去除復(fù)制word或網(wǎng)頁html冗余樣式代碼的解決方案)

    在使用wangEditor富文本編輯器時,當(dāng)從word文檔或者其他網(wǎng)頁復(fù)制文本內(nèi)容粘貼到編輯器中,如果不過濾掉復(fù)制文本中自帶的樣式,會導(dǎo)致復(fù)制的內(nèi)容比較錯亂,甚至無法添加到數(shù)據(jù)庫中。為了解決這個問題,我們需要對從word中粘貼的內(nèi)容進行處理,把多余的代碼剔除,讓粘貼

    2024年02月16日
    瀏覽(27)
  • 【富文本編輯器實戰(zhàn)】02 編寫編輯器配置文件

    【富文本編輯器實戰(zhàn)】02 編寫編輯器配置文件

    本篇文章主要內(nèi)容是項目的配置文件的編寫與講解,包括菜單項配置、語言配置、總體配置。 下圖是編輯器的總體結(jié)構(gòu): 編輯器大致可以分為兩個部分,菜單欄(圖中的 1)和下面的編輯器(圖中的 4)。其中菜單欄的內(nèi)容較多,每個菜單項都包含了圖標(biāo),說明文字(圖中的 2)。部

    2024年01月21日
    瀏覽(23)
  • 【富文本編輯器實戰(zhàn)】04 菜單組件和編輯器的整合

    【富文本編輯器實戰(zhàn)】04 菜單組件和編輯器的整合

    在上一篇文章中,我們對整個編輯器項目的大體結(jié)構(gòu)有了一定的了解,主要分為菜單欄和編輯區(qū)。菜單欄包括了編輯器的主要文本操作功能,且菜單項是可配置的。編輯器界面顯示比較簡單,是一個可編輯的 div 區(qū)域。接下來我們就來把編輯器的整體框架搭建起來,讓其可以

    2024年01月24日
    瀏覽(38)
  • dede編輯器修改成純文本編輯器的方法

    dede編輯器修改成純文本編輯器的方法

    我在做優(yōu)秀啦網(wǎng)站大全的時候需要的正文內(nèi)容都不需要設(shè)置什么文字樣式,所以我需要把編輯器上的工具全部取消掉,包括會員投稿中的編輯器工具欄全部取消掉或者屏蔽隱藏掉,所以我需要把DEDE編輯器修改成純文本編輯器的方法如下: 如圖: 首先打開 /include/ckeditor/ckedi

    2024年02月16日
    瀏覽(24)
  • 在VSCODE編輯器是用ctrl+c和ctrl+s(復(fù)制粘貼)失效怎么辦

    在VSCODE編輯器是用ctrl+c和ctrl+s(復(fù)制粘貼)失效怎么辦

    有時我們在開發(fā)過程中,由于使用vsccode太長時間導(dǎo)致復(fù)制ctrl+c和ctrl+s會失效,之前我的處理方式是重啟瀏覽器,但有時候這樣太耗時間了,但發(fā)現(xiàn)一個方法可以解決,就是刷新下編輯器的timeline就行,如下圖:

    2024年02月15日
    瀏覽(27)
  • 富文本編輯器

    富文本編輯器

    啥是富文本編輯器,就是下面這個東西: 1.那這玩意兒怎么安裝和配置: 2. 通過(在終端里輸入)? npm install?vue-quill-editor --save? 安裝 3.具體的在項目里的配置過程可以看最新的官方文檔vue-quill-editor · Quill官方中文文檔 · 看云 4.這里先簡單說下怎么配置,首先在main里輸入:

    2024年02月10日
    瀏覽(20)
  • Vim文本編輯器

    Vim文本編輯器

    目錄 一、Vim文本編輯器?? 1.1、什么是Vim文本編輯器 1.2、Vim文本編輯器基本格式 1.3、Vim的三種模式及切換 ?二、命令模式 2.1、Vim的進入與退出 2.2、命令模式下光標(biāo)跳轉(zhuǎn)的快捷鍵 2.3、常用命令集合 三、編輯模式 四、末行模式 Linux 系統(tǒng)中“一切皆文件”,因此當(dāng)我們要更改

    2024年02月10日
    瀏覽(28)
  • 15 文本編輯器vim

    15 文本編輯器vim

    ? ? ? ? 如果file.txt就是修改這個文件,如果不存在就是新建一個文件。 ?????????使用vim建完文件后,會自動進入文件中。? ????????底部要是顯示插入,是編輯模式; ????????按esc,底部要是空白的,則是進入命令模式,可以輸入一些快捷鍵進行操作,比如說

    2024年02月15日
    瀏覽(23)
  • 簡版的富文本編輯器、VUE+ElementUI 富文本編輯器 element ui富文本編輯器的使用(quill-editor) 不好用你來打我!全網(wǎng)醉簡單!要復(fù)雜的別來!

    簡版的富文本編輯器、VUE+ElementUI 富文本編輯器 element ui富文本編輯器的使用(quill-editor) 不好用你來打我!全網(wǎng)醉簡單!要復(fù)雜的別來!

    實現(xiàn)效果 ? 1.安裝插件 npm install vue-quill-editor --save 2.安裝成功后在package.json中查看 3.在main.js中全局引入插件 4.頁面實現(xiàn) 感謝老哥:?ElementUI生成富文本編輯器 https://blog.csdn.net/keplerm/article/details/123379511?spm=1001.2101.3001.6650.9utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCom

    2024年02月16日
    瀏覽(30)
  • Linux文本編輯器-vim

    目錄 前言 Vim三種模式 打開方式 命令模式 插入模式 可視模式 保存和退出 Vim是一個功能豐富且強大的文本編輯器,被廣泛用于Linux系統(tǒng)。它是Vi的增強版本,提供了更多的功能和改進,同時可以通過插件擴展其功能; 「命令模式」:可以進行刪除、復(fù)制、粘貼等快捷操作。

    2024年02月15日
    瀏覽(34)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包