How to add CSS or JS code in the editor

Recently in the use of WordPress to make a website project, you need to add custom JS script and CSS in the background editor
After adding it in the editor, Found in the browser JS script to execute the problem and the CSS script directly by the WordPress saved by the time filtered out after the discovery of the reason is the WordPress default TINYMCE when switching from code mode to visual mode when the script is processed more shameless is the CSS script is deleted directly

 
   
  

  
    
   
//编辑器里代码模式下的代码
  
    
   

  
    
   
<script type="text/javascript">
  
    
   
 //my code....
  
    
   
</script>
  
    
   

  
    
   
//编辑器里可视化模式下的代码
  
    
   
<script type="text/javascript">
  
    
   
// <![CDATA[
  
    
   
 //my code....
  
    
   
// ]]>
  
    
   
</script>
 
   
  

Description on Wiki CDATA

CDATA Sections in xhtml documents is liable to being parsed differently by web browsers if they render the docu ment as HTML, since HTML parsers don't recognise the CDATA start and end markers, nor do they recognise HTML entity refer Ences such as &lt; Within <script> tags. This can cause rendering problems in web browsers and can leads To cross-site scripting vulnerabilities if used t o Display data from untrusted sources, since the kinds of parser would disagree on where the CDATA section ends.

Since it is useful to being able to use Less-than signs (<) and ampersands (&) in Web page scripts, and to a lesser ex Tent styles, without have to remember to escape them, it's common to use CDATA markers around the text of inline <SC Ript> and <style> elements in XHTML documents. But so, the document can also is parsed by HTML parsers, which does not recognise the CDATA markers, the CDATA markers A Re usually commented-out, as in this JavaScript example:

So the correct way of writing it should be like this

  
 

   
  

  
//JavaScript example:
   
  

  
<script type="text/javascript">
   
  

  
//<![CDATA[
   
  

  
 //mycode 
   
  

  
 document.write("<");
   
  

  
//]]>
   
  

  
</script>
   
  

  


   
  

  
//CSS example:
   
  

  
<style type="text/css">
   
  

  
/*<![CDATA[*/
   
  

  
//my code
   
  

  
body { background-image: url("marble.png?width=300&height=300") } 
   
  

  
/*]]>*/
   
  

  
</style>
  
 

 Reference: JavaScript <! [cdata[Web Standard usage methods Some Web site source script written in the <![ Cdata[...] What does > do for you?
Wiki cdatawhat is CDATA in HTML?


From for notes (Wiz)

How to add CSS or JS code in the editor