Custom JS text area in customizer is being formatted wrong in document

@sam-skirrow just posting here what we did to fix this…

WordPress 4.1 requires us to use a sanitize_callback filter when creating settings for the customizer (with good reason).
Since you’re using the kirki framework to create these customizer settings, kirki detects that this is a textarea field and so it automatically applies the esc_textarea filter.

However, you can override this callback and use your own when declaring the field, so all that we needed to do in order to fix this was add a js sanitization calback there instead of the esc_textarea.

Related Posts:

  1. Customizer JS API
  2. Is it Possible to Extend WP Customize JS Methods?
  3. wp.customize.bind ready event not fired
  4. Detecting WordPress Customizer Panel
  5. WP Customizer set a value via javascript (to create presets)
  6. wp_customize_support_script – do I need it?
  7. Customizer – instantiating settings and controls via javascript
  8. Customizer JS API: Defining control settings
  9. Customizer JS API: Adding Setting Dynamically Not Working
  10. Customizer: When to use customize_preview_init VS customize_controls_enqueue_scripts
  11. How to overwrite JS variable with wp_localize _script?
  12. Theme Customiser not live previewing changes on pseudo elements
  13. the Customizer – proper way to instantiate an image upload control via javascript
  14. Preserve Javascript Through Customizer Preview Navigation
  15. How to check if customize previewer is refreshing?
  16. JavaScript in WordPress Customizer
  17. Customizer JS API: Adding a “dropdown-pages” control
  18. Accessing customizer values in javascript
  19. Running JS after theme customizer finished initialization
  20. customize_preview_init: listening for any changes from Customizer preview area
  21. How to conditionally show/hide controls & sections in WordPress customizer?
  22. Multiple Conditional Controllers
  23. WordPress customizer get control
  24. Using webpack to add customizer live preview functionality – wp.customize is not a function
  25. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  26. Get a default value of the Customizer setting using wp.customize API (JS)
  27. How to add customizer control via javascript ( wp.customizer.control.add )
  28. Load page in customizer preview on panel click?
  29. Customizer JS API: Defining active_callback for a section
  30. Adding Code into Theme Customizer Header
  31. customize-controls.js – extend api.previewer
  32. Multiple jQuery inputs or binds in Customizer Control Javascripts
  33. Show sections based on a control in WordPress Customizer using JS API
  34. How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
  35. LayersWP Customizer White Blank Screen
  36. Get a default customizeAction text for a section using Customizer JS API
  37. Receive “menu-toogle” event from section menu in customizer
  38. Google reCAPTCHA V3.0 not working. “ERROR for site owner: Invalid key type”
  39. Javascript split regex question
  40. Find object by id in an array of JavaScript objects
  41. How to set NODE_ENV to production/development in OS X
  42. How fix ‘Failed to load resource: the server responded with a status of 403’?
  43. How do I empty an array in JavaScript?
  44. JavaScript TypeError: Cannot read property ‘style’ of null
  45. Check if element exists in jQuery
  46. Checking a Url in Jquery/Javascript
  47. Usage of the backtick character (`) in JavaScript
  48. Why is using “for…in” for array iteration a bad idea?
  49. Parsing a string to a date in JavaScript
  50. Number converted in 1e+30
  51. XML Parsing Error: no root element found Location in Console FF
  52. Convert UTC date time to local date time
  53. How can I convert a string to boolean in JavaScript?
  54. “.addEventListener is not a function” why does this error occur?
  55. Obtain form input fields using jQuery?
  56. Scroll to bottom of div?
  57. Open URL in new window with JavaScript
  58. Read XML file using javascript
  59. Load Image from javascript
  60. How to change the text of a label?
  61. How to check ‘undefined’ value in jQuery
  62. Detecting arrow key presses in JavaScript
  63. Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
  64. JavaScript – Count Number of Visitor for Website
  65. Jquery Value match Regex
  66. “React.Children.only expected to receive a single React element child” error when putting and in a
  67. What is the difference between Bower and npm?
  68. How to embed an autoplaying YouTube video in an iframe?
  69. Cannot read property ‘style’ of undefined — Uncaught Type Error
  70. clearInterval() not working [duplicate]
  71. How to make HTML element resizable using pure Javascript?
  72. how to use addHTML function in jsPDF
  73. Rock, Paper, Scissors, Lizard, Spock in JavaScript
  74. How to fix “TypeError: Right-hand side of ‘instanceof’ is not callable” when I use another module class?
  75. Change the selected value of a drop-down list with jQuery
  76. Uncaught SyntaxError: Unexpected token var
  77. window.location.href doesn’t redirect
  78. Custom “Uploads” Dir: “Edit Image” in Media Library broken
  79. Get loading state of wp data selector
  80. Adding a text element in between title and blocks container
  81. How to hook CSS file according to theme selection in the customizer section
  82. Remove type attribute from script added by wp_localize_script
  83. Google Map iframe in a tab issue
  84. Where is the WP auto-save draft JavaScript?
  85. How to return div with custom attributes(Coding a Gutenberg Block)
  86. Popup box when Clicking on Insert into post button in wordpress
  87. JQuery not loading
  88. How to display post content in the block editor
  89. Uncaught TypeError: jQuery(…).slider is not a function
  90. WordPress update_user_meta onclick button with Ajax
  91. Inherit scripts from parent to childtheme
  92. WordPress wp_enqueue_script only adds text to top of page source
  93. how to let users upload their custom cover image
  94. how to use nimble-API and Display data?
  95. How do you create your own link preview for my website?
  96. Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
  97. How to correctly load this jquery script through the file functions.php?
  98. Javascript file not included only on home page
  99. Get current day using javascript [closed]
  100. Astra Mobile Cart Drawer is blank on home page