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 国产不卡视频在线,一区二区三区高清在线,欧美视频一区二区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          JS短文：如何使用 JS 將文本以純文本形式粘貼到可編輯內(nèi)容元素中？
          
        
           
          
	
	
          
		
                        
          載說(shuō)明：原創(chuàng)不易，未經(jīng)授權(quán)，謝絕任何形式的轉(zhuǎn)載
          有時(shí)候，我們希望使用 JavaScript 將文本以純文本形式粘貼到可編輯內(nèi)容元素中。
          在本文中，我們將討論如何使用 JavaScript 將文本以純文本形式粘貼到可編輯內(nèi)容元素中。
          使用JavaScript將文本粘貼為純文本到可編輯內(nèi)容元素中
          我們可以通過(guò)監(jiān)聽(tīng)粘貼事件并修改粘貼行為，將純文本粘貼到可編輯內(nèi)容元素中。
          例如，如果我們有以下的 div 元素：
          <div contenteditable>
</div>
          然后，我們可以通過(guò)監(jiān)聽(tīng)粘貼事件來(lái)修改粘貼行為：
          // 獲取可編輯的 div 元素
const editor = document.querySelector('div');

// 監(jiān)聽(tīng)粘貼事件
editor.addEventListener("paste", (e) => {
  e.preventDefault(); // 阻止默認(rèn)粘貼行為

  // 獲取粘貼的純文本內(nèi)容
  const text = e.clipboardData.getData('text/plain');

  // 將純文本插入到可編輯元素中
  document.execCommand("insertHTML", false, text);
});

          當(dāng)你需要在可編輯的內(nèi)容元素中以純文本形式粘貼文本時(shí)，你可以使用上述代碼來(lái)實(shí)現(xiàn)。讓我逐步解釋每一部分的作用：
          1. 首先，我們通過(guò) `document.querySelector('div')` 獲取到一個(gè)可編輯的 `<div>` 元素，這個(gè)元素將用于粘貼操作。
          2. 然后，我們使用 `editor.addEventListener("paste", (e) => { ... });` 添加一個(gè)粘貼事件監(jiān)聽(tīng)器。這意味著當(dāng)用戶嘗試粘貼內(nèi)容時(shí)，我們將執(zhí)行指定的操作。
          3. 在事件監(jiān)聽(tīng)器的函數(shù)內(nèi)部，`e` 是代表事件對(duì)象的參數(shù)。我們使用 `e.preventDefault();` 來(lái)阻止瀏覽器默認(rèn)的粘貼行為，以便我們能夠自行處理粘貼操作。
          4. `e.clipboardData.getData('text/plain')` 這行代碼用于從剪貼板中獲取純文本內(nèi)容。`e.clipboardData` 是一個(gè)包含剪貼板數(shù)據(jù)的對(duì)象，我們使用 `getData('text/plain')` 方法來(lái)獲取純文本數(shù)據(jù)。
          5. 最后，我們使用 `document.execCommand("insertHTML", false, text);` 將獲取到的純文本內(nèi)容插入到可編輯元素中。`insertHTML` 是一個(gè)命令，它允許我們將指定的 HTML 或文本插入到文檔中。第三個(gè)參數(shù) `text` 是要插入的內(nèi)容。
          綜合起來(lái)，當(dāng)用戶在可編輯元素中粘貼內(nèi)容時(shí)，粘貼事件會(huì)觸發(fā)。代碼阻止默認(rèn)的粘貼行為，然后從剪貼板中獲取純文本數(shù)據(jù)，并將它以純文本的形式插入到可編輯的 `<div>` 元素中，實(shí)現(xiàn)了將文本粘貼為純文本的效果。
          結(jié)論 
          通過(guò)監(jiān)聽(tīng)粘貼事件并修改粘貼行為，我們可以將純文本粘貼到可編輯內(nèi)容元素中。
          由于文章內(nèi)容篇幅有限，今天的內(nèi)容就分享到這里，文章結(jié)尾，我想提醒您，文章的創(chuàng)作不易，如果您喜歡我的分享，請(qǐng)別忘了點(diǎn)贊和轉(zhuǎn)發(fā)，讓更多有需要的人看到。同時(shí)，如果您想獲取更多前端技術(shù)的知識(shí)，歡迎關(guān)注我，您的支持將是我分享最大的動(dòng)力。我會(huì)持續(xù)輸出更多內(nèi)容，敬請(qǐng)期待。
          頻、視頻的格式
          開(kāi)始學(xué)習(xí)之前，我們要下載些素材用來(lái)測(cè)試使用，地址如下：https://pan.baidu.com/s/1reRWno0ibYRcYXjw4MClqw
          提取碼：td80
          其中包括兩個(gè)視頻一個(gè)音頻和一個(gè)安裝程序。
          學(xué)習(xí)如何在頁(yè)面中添加音頻、視頻之前應(yīng)該了解一點(diǎn)基礎(chǔ)知識(shí)。
          我們應(yīng)該都有在互聯(lián)網(wǎng)上下載電影、視頻、音樂(lè)的經(jīng)歷，大家會(huì)注意到，有的視頻文件名的后綴是.avi，有的視頻是.mp4，還有.mov的，據(jù)不完全統(tǒng)計(jì)，常見(jiàn)的各種視頻格式有十幾種之多。
          常見(jiàn)的音頻的格式比起視頻來(lái)會(huì)顯得少一些，一般是.wav和.mp3格式。
          為什么存儲(chǔ)相同的內(nèi)容可以有這么多不同的格式呢？
          格式產(chǎn)生的核心在于對(duì)音頻、視頻等多媒體文件進(jìn)行的不同編碼方式。
          那什么是編碼呢？
          簡(jiǎn)單來(lái)說(shuō)我們可以把"編碼"這個(gè)詞分成兩個(gè)部分，第一個(gè)是"編"，也就是"整理、組織"的意思，第二個(gè)是"碼"，也就是我們平時(shí)所說(shuō)的"數(shù)碼"。
          首先說(shuō)"碼"，我們的計(jì)算機(jī)中的數(shù)據(jù)最終都是通過(guò)二進(jìn)制的數(shù)字（0和1）來(lái)存儲(chǔ)或計(jì)算的，這些0或1就是數(shù)碼。無(wú)論代碼、程序、圖片、音樂(lè)、視頻、文字等的存儲(chǔ)與計(jì)算都不例外。不管多么復(fù)雜或簡(jiǎn)單的文件，在計(jì)算機(jī)看來(lái)，都是一大堆0和1。
          一個(gè)0或1被稱為1比特，圖片或視頻中的一個(gè)黑白像素通常是8比特（八位），如果一張1080乘720個(gè)像素的圖片所占內(nèi)存的大小就是1080*720*8=6220800字節(jié)，約等于0,74mb。如果一個(gè)視頻每秒中有25幀，也就是一秒鐘在我們眼前閃過(guò)25張圖片（視頻播放實(shí)際上就是在我們眼前快速的更替圖片，這些圖片在大腦中會(huì)被自動(dòng)連成動(dòng)作，這也是小的時(shí)候在課本的角上畫(huà)好一套走路的小人的不同動(dòng)作后，快速翻動(dòng)書(shū)頁(yè)，畫(huà)面中的小人會(huì)走路的原因，大家可以自行百度"視覺(jué)暫留原理"）。
          一秒鐘25張1080乘720的圖片的視頻，一秒鐘就會(huì)占0.74*25=18.5mb的內(nèi)存。如果是一分鐘呢，18.5*60=1110mb約等于1.08gb。這樣的數(shù)據(jù)量是不是很?chē)樔恕?/p>
          但事實(shí)上我們下載的1080*720的一小時(shí)三十分鐘左右的視頻的體積往往也沒(méi)有超過(guò)1gb，這又是為什么呢？
          這就是"編"的功勞！對(duì)數(shù)碼進(jìn)行整理和組織的主要目的是壓縮體積，壓縮數(shù)據(jù)體積既能節(jié)省磁盤(pán)又能方便傳播與攜帶，是信息技術(shù)的關(guān)鍵技術(shù)之一，壓縮的方法一般有兩類(lèi)，一類(lèi)叫做無(wú)損壓縮，也就是通過(guò)對(duì)這一大堆數(shù)碼進(jìn)行一個(gè)特殊的組合使其占有更小的空間，一類(lèi)叫做有損壓縮，是在無(wú)損壓縮的基礎(chǔ)上剔除掉人眼睛識(shí)別不到的冗余信息。具體的壓縮過(guò)程涉及到很多數(shù)學(xué)知識(shí)，這里大家簡(jiǎn)單了解一下即可。
          壓縮后的視頻或音頻文件最終通過(guò)播放器對(duì)該文件的壓縮算法進(jìn)行逆向運(yùn)算后，還原成計(jì)算機(jī)可以解讀的畫(huà)面和聲音再呈現(xiàn)給觀眾，這個(gè)過(guò)程叫做"解碼"。
          通過(guò)"編"的方式壓縮文件體積，通過(guò)"解"的方式再還原出文件內(nèi)容成了處理大規(guī)模數(shù)據(jù)的通用手法。
          不同的編碼和解碼方式催生出不同的文件格式，這種情況下，瀏覽器在播放視頻的時(shí)候就要有應(yīng)對(duì)不同格式的不同解碼方式，在15年以前，瀏覽器為了能夠播放不同格式的視頻，就要調(diào)用電腦中不同的播放器，這個(gè)過(guò)程的寫(xiě)法非常麻煩。隨著技術(shù)不斷地整合，時(shí)至今日，在頁(yè)面中播放視頻不需要這么復(fù)雜的寫(xiě)法了，但是因?yàn)槊總€(gè)瀏覽器都不是包打一切，因此，雖然不用指定播放器，但是也要預(yù)設(shè)不同格式的視頻來(lái)應(yīng)對(duì)不同的瀏覽器。
          因此，我們?cè)谶@一部分的學(xué)習(xí)中除了講解如何向頁(yè)面添加不同格式的音視頻外還會(huì)告訴大家如何為音視頻轉(zhuǎn)換格式。
          為頁(yè)面添加音頻、視頻
          添加音頻使用<audio></audio>標(biāo)簽，這個(gè)標(biāo)簽被所有瀏覽器支持，是html5推薦的音頻導(dǎo)入標(biāo)簽，但是遺憾的是在html4標(biāo)準(zhǔn)中是不被支持的或者說(shuō)是非法的。
          這里給大家簡(jiǎn)要介紹一下html5和html4的區(qū)別。
          簡(jiǎn)單來(lái)說(shuō)呢，一個(gè)html文件的第一條語(yǔ)句是<!DOCTYPE HTML>，它就是HTML5標(biāo)準(zhǔn)的文件。如果是html4，它的第一條聲明語(yǔ)句有三種寫(xiě)法，像這樣
          一：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          二：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
          三：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
          版權(quán)聲明：本文為CSDN博主「痦子」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
          原文鏈接：https://blog.csdn.net/yh1061632045/article/details/81518141
          這讓我想到了孔乙己的"茴"字的多種寫(xiě)法
          是不是很麻煩，其實(shí)html5比html4更簡(jiǎn)單，功能更強(qiáng)大，而且我們一直以html5的標(biāo)準(zhǔn)進(jìn)行學(xué)習(xí)，所以大家不必糾結(jié)。
          下面我們導(dǎo)入一個(gè)音頻試試吧。示例代碼如下：
          <!DOCTYPE HTML>
  <html>
  <head> 
  <title>音視頻導(dǎo)入</title>
  </head> 
  <body>
  <audio controls="controls"> 
    <source src="audio/千年的祈禱.mp3" type="audio/mp3" />
  </audio>
  </body> 
  </html>
          頁(yè)面效果如下：
          其中controls屬性就是用來(lái)顯示播放控制界面的，就是這個(gè)：（偷懶的話可以寫(xiě)成"controls"就ok，不必加"="以及后面的內(nèi)容了。）
          如果以后您使用自己編寫(xiě)的控制界面，就可以不添加這個(gè)屬性。
          刪掉這個(gè)屬性后就是這樣：這樣為自定義的播放控制界面留出了位置。
          <audio></audio>標(biāo)簽夾著<source>標(biāo)簽，一個(gè)<audio></audio>標(biāo)簽中可以添加多個(gè)<source>用以支持不同的格式要求。示例代碼如下：（這段代碼來(lái)自w3school）
          <audio controls="controls"> 
  <source src="song.ogg" type="audio/ogg" /> 
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.<!--你的瀏覽器不支持這個(gè)音頻元素-->
</audio>
          type屬性是告訴瀏覽器音樂(lè)文件的類(lèi)型。
          不同格式的文件的生成需要我們自己去做，這就涉及到如何給一個(gè)音頻文件進(jìn)行格式轉(zhuǎn)化的問(wèn)題。這個(gè)問(wèn)題我們明天再說(shuō)，今天先學(xué)習(xí)為頁(yè)面添加音頻和視頻。
          下面我們來(lái)看一下視頻的導(dǎo)入方法，示例代碼如下：
          <video controls> 
  <source src="video/阿塔麗.mp4" type="video/mp4" />
</video>
          頁(yè)面效果如下:
          我們可以通過(guò)設(shè)置height和width屬性來(lái)控制視頻的面積。實(shí)例代碼如下：
          <video controls width="850" height="500" > 
  <source src="video/阿塔麗.mp4" type="video/mp4" />
</video>
          頁(yè)面效果如下：
          視頻畫(huà)面變小了，和視頻并排的是我們之前添加的音頻文件，由此可知，這兩個(gè)元素都是內(nèi)聯(lián)元素。
          今天的內(nèi)容結(jié)束了，明天我們繼續(xù)學(xué)習(xí)格式轉(zhuǎn)換和為不同瀏覽器預(yù)設(shè)不同音視頻格式的方法。
          如果您有任何疑問(wèn)請(qǐng)給我留言，如有問(wèn)題或錯(cuò)誤請(qǐng)予以斧正！
          HTML完整學(xué)習(xí)目錄
          HTML序章（學(xué)習(xí)目的、對(duì)象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          第一個(gè)HTML頁(yè)面如何寫(xiě)？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML頁(yè)面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          初識(shí)meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          初識(shí)HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          在HTML頁(yè)面中嵌入其他頁(yè)面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          封閉在家學(xué)網(wǎng)頁(yè)制作！為頁(yè)面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML表單元素初識(shí)2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          為HTML頁(yè)面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          HTML中使用<a>標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作
          迎觀看 Microsoft Word 中文版教程，小編帶大家學(xué)習(xí) Microsoft Word 的使用技巧，了解如何在 Word 中插入藝術(shù)字。
          創(chuàng)建和更改藝術(shù)字，如果想讓文本在頁(yè)面上引人注目，可以使用藝術(shù)字向文字添加輪廓、陰影和其他效果。
          選擇「插入」-「文本」-「藝術(shù)字」，選擇「填充：藍(lán)色」藝術(shù)字樣式。
          鍵入文本。
          若要將現(xiàn)有文本轉(zhuǎn)換為藝術(shù)字，將其選中，然后選擇「插入」-「文本」-「藝術(shù)字」，選擇「填充：橙色」。
          若要自定義藝術(shù)字文本，將其選中，選擇「形狀格式」-「藝術(shù)字樣式」，然后選擇「文本填充」和「文本輪廓」。
          選擇文本效果，選擇要更改的藝術(shù)字文本。
          選擇「形狀格式」-「藝術(shù)字樣式」-「文本效果」-「轉(zhuǎn)換」，選取「上彎弧」效果。
          單擊文本框外以查看效果。
          甚至還以旋轉(zhuǎn)藝術(shù)字文本，選擇藝術(shù)字，然后拖動(dòng)框頂部的圓形旋轉(zhuǎn)手柄。
          若要將藝術(shù)字翻轉(zhuǎn)或旋轉(zhuǎn) 90 度，轉(zhuǎn)到「形狀格式」選擇「排列」-「旋轉(zhuǎn)」，然后選擇「向右旋轉(zhuǎn)90°」。
          以上就是在 Microsoft Word 中插入藝術(shù)字的方法。
          軟件下載地址：Microsoft word 2019 for Mac中文版
          https://www.macz.com/mac/4533.html?id=NzY4OTYwJl8mMjcuMTg2LjE0LjE3Ng%3D%3D
          windows軟件安裝地址：Microsoft Word 2019
          https://soft.macxf.com/soft/365.html?id=MjkzODQ%3D
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产在线精品一区二区三区直播|
一区二区三区免费视频观看
|
无码国产精品一区二区免费模式|
国产一区二区成人|
日本一区视频在线播放|
在线播放国产一区二区三区|
精品一区二区三区在线视频观看|
91香蕉福利一区二区三区|
精品一区二区三区无码免费直播|
国产大秀视频在线一区二区|
熟妇人妻系列av无码一区二区|
久久久无码精品人妻一区|
少妇无码一区二区二三区|
国产伦精品一区二区三区视频金莲|
在线精品视频一区二区|
少妇精品无码一区二区三区
|
日本中文字幕在线视频一区|
精品国产福利一区二区|
国产激情视频一区二区三区|
一级特黄性色生活片一区二区|
极品少妇一区二区三区四区|
一区二区三区日韩|
久久精品岛国av一区二区无码|
久久精品无码一区二区app|
日亚毛片免费乱码不卡一区|
怡红院美国分院一区二区|
韩国福利影视一区二区三区|
无码人妻精品一区二区三区夜夜嗨|
亚州国产AV一区二区三区伊在|
日本免费一区尤物|
日本一区免费电影|
亚洲一区二区三区在线观看网站
|
无码人妻精品一区二区三区99仓本|
一区二区三区在线免费观看视频|
国产日韩精品一区二区在线观看|
亚洲AV无码一区二区三区久久精品|
人妻无码视频一区二区三区|
日产精品久久久一区二区|
无码精品人妻一区二区三区人妻斩|
国产精品一区三区|
日韩精品无码视频一区二区蜜桃|