autop.js (18417B)
1 this["wp"] = this["wp"] || {}; this["wp"]["autop"] = 2 /******/ (function(modules) { // webpackBootstrap 3 /******/ // The module cache 4 /******/ var installedModules = {}; 5 /******/ 6 /******/ // The require function 7 /******/ function __webpack_require__(moduleId) { 8 /******/ 9 /******/ // Check if module is in cache 10 /******/ if(installedModules[moduleId]) { 11 /******/ return installedModules[moduleId].exports; 12 /******/ } 13 /******/ // Create a new module (and put it into the cache) 14 /******/ var module = installedModules[moduleId] = { 15 /******/ i: moduleId, 16 /******/ l: false, 17 /******/ exports: {} 18 /******/ }; 19 /******/ 20 /******/ // Execute the module function 21 /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 22 /******/ 23 /******/ // Flag the module as loaded 24 /******/ module.l = true; 25 /******/ 26 /******/ // Return the exports of the module 27 /******/ return module.exports; 28 /******/ } 29 /******/ 30 /******/ 31 /******/ // expose the modules object (__webpack_modules__) 32 /******/ __webpack_require__.m = modules; 33 /******/ 34 /******/ // expose the module cache 35 /******/ __webpack_require__.c = installedModules; 36 /******/ 37 /******/ // define getter function for harmony exports 38 /******/ __webpack_require__.d = function(exports, name, getter) { 39 /******/ if(!__webpack_require__.o(exports, name)) { 40 /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 41 /******/ } 42 /******/ }; 43 /******/ 44 /******/ // define __esModule on exports 45 /******/ __webpack_require__.r = function(exports) { 46 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 47 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 48 /******/ } 49 /******/ Object.defineProperty(exports, '__esModule', { value: true }); 50 /******/ }; 51 /******/ 52 /******/ // create a fake namespace object 53 /******/ // mode & 1: value is a module id, require it 54 /******/ // mode & 2: merge all properties of value into the ns 55 /******/ // mode & 4: return value when already ns object 56 /******/ // mode & 8|1: behave like require 57 /******/ __webpack_require__.t = function(value, mode) { 58 /******/ if(mode & 1) value = __webpack_require__(value); 59 /******/ if(mode & 8) return value; 60 /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 61 /******/ var ns = Object.create(null); 62 /******/ __webpack_require__.r(ns); 63 /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 64 /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 65 /******/ return ns; 66 /******/ }; 67 /******/ 68 /******/ // getDefaultExport function for compatibility with non-harmony modules 69 /******/ __webpack_require__.n = function(module) { 70 /******/ var getter = module && module.__esModule ? 71 /******/ function getDefault() { return module['default']; } : 72 /******/ function getModuleExports() { return module; }; 73 /******/ __webpack_require__.d(getter, 'a', getter); 74 /******/ return getter; 75 /******/ }; 76 /******/ 77 /******/ // Object.prototype.hasOwnProperty.call 78 /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 79 /******/ 80 /******/ // __webpack_public_path__ 81 /******/ __webpack_require__.p = ""; 82 /******/ 83 /******/ 84 /******/ // Load entry module and return exports 85 /******/ return __webpack_require__(__webpack_require__.s = "zbAn"); 86 /******/ }) 87 /************************************************************************/ 88 /******/ ({ 89 90 /***/ "zbAn": 91 /***/ (function(module, __webpack_exports__, __webpack_require__) { 92 93 "use strict"; 94 __webpack_require__.r(__webpack_exports__); 95 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "autop", function() { return autop; }); 96 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removep", function() { return removep; }); 97 /** 98 * The regular expression for an HTML element. 99 * 100 * @type {RegExp} 101 */ 102 const htmlSplitRegex = (() => { 103 /* eslint-disable no-multi-spaces */ 104 const comments = '!' + // Start of comment, after the <. 105 '(?:' + // Unroll the loop: Consume everything until --> is found. 106 '-(?!->)' + // Dash not followed by end of comment. 107 '[^\\-]*' + // Consume non-dashes. 108 ')*' + // Loop possessively. 109 '(?:-->)?'; // End of comment. If not found, match all input. 110 111 const cdata = '!\\[CDATA\\[' + // Start of comment, after the <. 112 '[^\\]]*' + // Consume non-]. 113 '(?:' + // Unroll the loop: Consume everything until ]]> is found. 114 '](?!]>)' + // One ] not followed by end of comment. 115 '[^\\]]*' + // Consume non-]. 116 ')*?' + // Loop possessively. 117 '(?:]]>)?'; // End of comment. If not found, match all input. 118 119 const escaped = '(?=' + // Is the element escaped? 120 '!--' + '|' + '!\\[CDATA\\[' + ')' + '((?=!-)' + // If yes, which type? 121 comments + '|' + cdata + ')'; 122 const regex = '(' + // Capture the entire match. 123 '<' + // Find start of element. 124 '(' + // Conditional expression follows. 125 escaped + // Find end of escaped element. 126 '|' + // ... else ... 127 '[^>]*>?' + // Find end of normal element. 128 ')' + ')'; 129 return new RegExp(regex); 130 /* eslint-enable no-multi-spaces */ 131 })(); 132 /** 133 * Separate HTML elements and comments from the text. 134 * 135 * @param {string} input The text which has to be formatted. 136 * @return {string[]} The formatted text. 137 */ 138 139 140 function htmlSplit(input) { 141 const parts = []; 142 let workingInput = input; 143 let match; 144 145 while (match = workingInput.match(htmlSplitRegex)) { 146 // The `match` result, when invoked on a RegExp with the `g` flag (`/foo/g`) will not include `index`. 147 // If the `g` flag is omitted, `index` is included. 148 // `htmlSplitRegex` does not have the `g` flag so we can assert it will have an index number. 149 // Assert `match.index` is a number. 150 const index = 151 /** @type {number} */ 152 match.index; 153 parts.push(workingInput.slice(0, index)); 154 parts.push(match[0]); 155 workingInput = workingInput.slice(index + match[0].length); 156 } 157 158 if (workingInput.length) { 159 parts.push(workingInput); 160 } 161 162 return parts; 163 } 164 /** 165 * Replace characters or phrases within HTML elements only. 166 * 167 * @param {string} haystack The text which has to be formatted. 168 * @param {Record<string,string>} replacePairs In the form {from: 'to', …}. 169 * @return {string} The formatted text. 170 */ 171 172 173 function replaceInHtmlTags(haystack, replacePairs) { 174 // Find all elements. 175 const textArr = htmlSplit(haystack); 176 let changed = false; // Extract all needles. 177 178 const needles = Object.keys(replacePairs); // Loop through delimiters (elements) only. 179 180 for (let i = 1; i < textArr.length; i += 2) { 181 for (let j = 0; j < needles.length; j++) { 182 const needle = needles[j]; 183 184 if (-1 !== textArr[i].indexOf(needle)) { 185 textArr[i] = textArr[i].replace(new RegExp(needle, 'g'), replacePairs[needle]); 186 changed = true; // After one strtr() break out of the foreach loop and look at next element. 187 188 break; 189 } 190 } 191 } 192 193 if (changed) { 194 haystack = textArr.join(''); 195 } 196 197 return haystack; 198 } 199 /** 200 * Replaces double line-breaks with paragraph elements. 201 * 202 * A group of regex replaces used to identify text formatted with newlines and 203 * replace double line-breaks with HTML paragraph tags. The remaining line- 204 * breaks after conversion become `<br />` tags, unless br is set to 'false'. 205 * 206 * @param {string} text The text which has to be formatted. 207 * @param {boolean} br Optional. If set, will convert all remaining line- 208 * breaks after paragraphing. Default true. 209 * 210 * @example 211 *```js 212 * import { autop } from '@wordpress/autop'; 213 * autop( 'my text' ); // "<p>my text</p>" 214 * ``` 215 * 216 * @return {string} Text which has been converted into paragraph tags. 217 */ 218 219 220 function autop(text, br = true) { 221 const preTags = []; 222 223 if (text.trim() === '') { 224 return ''; 225 } // Just to make things a little easier, pad the end. 226 227 228 text = text + '\n'; 229 /* 230 * Pre tags shouldn't be touched by autop. 231 * Replace pre tags with placeholders and bring them back after autop. 232 */ 233 234 if (text.indexOf('<pre') !== -1) { 235 const textParts = text.split('</pre>'); 236 const lastText = textParts.pop(); 237 text = ''; 238 239 for (let i = 0; i < textParts.length; i++) { 240 const textPart = textParts[i]; 241 const start = textPart.indexOf('<pre'); // Malformed html? 242 243 if (start === -1) { 244 text += textPart; 245 continue; 246 } 247 248 const name = '<pre wp-pre-tag-' + i + '></pre>'; 249 preTags.push([name, textPart.substr(start) + '</pre>']); 250 text += textPart.substr(0, start) + name; 251 } 252 253 text += lastText; 254 } // Change multiple <br>s into two line breaks, which will turn into paragraphs. 255 256 257 text = text.replace(/<br\s*\/?>\s*<br\s*\/?>/g, '\n\n'); 258 const allBlocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary)'; // Add a double line break above block-level opening tags. 259 260 text = text.replace(new RegExp('(<' + allBlocks + '[\\s/>])', 'g'), '\n\n$1'); // Add a double line break below block-level closing tags. 261 262 text = text.replace(new RegExp('(</' + allBlocks + '>)', 'g'), '$1\n\n'); // Standardize newline characters to "\n". 263 264 text = text.replace(/\r\n|\r/g, '\n'); // Find newlines in all elements and add placeholders. 265 266 text = replaceInHtmlTags(text, { 267 '\n': ' <!-- wpnl --> ' 268 }); // Collapse line breaks before and after <option> elements so they don't get autop'd. 269 270 if (text.indexOf('<option') !== -1) { 271 text = text.replace(/\s*<option/g, '<option'); 272 text = text.replace(/<\/option>\s*/g, '</option>'); 273 } 274 /* 275 * Collapse line breaks inside <object> elements, before <param> and <embed> elements 276 * so they don't get autop'd. 277 */ 278 279 280 if (text.indexOf('</object>') !== -1) { 281 text = text.replace(/(<object[^>]*>)\s*/g, '$1'); 282 text = text.replace(/\s*<\/object>/g, '</object>'); 283 text = text.replace(/\s*(<\/?(?:param|embed)[^>]*>)\s*/g, '$1'); 284 } 285 /* 286 * Collapse line breaks inside <audio> and <video> elements, 287 * before and after <source> and <track> elements. 288 */ 289 290 291 if (text.indexOf('<source') !== -1 || text.indexOf('<track') !== -1) { 292 text = text.replace(/([<\[](?:audio|video)[^>\]]*[>\]])\s*/g, '$1'); 293 text = text.replace(/\s*([<\[]\/(?:audio|video)[>\]])/g, '$1'); 294 text = text.replace(/\s*(<(?:source|track)[^>]*>)\s*/g, '$1'); 295 } // Collapse line breaks before and after <figcaption> elements. 296 297 298 if (text.indexOf('<figcaption') !== -1) { 299 text = text.replace(/\s*(<figcaption[^>]*>)/, '$1'); 300 text = text.replace(/<\/figcaption>\s*/, '</figcaption>'); 301 } // Remove more than two contiguous line breaks. 302 303 304 text = text.replace(/\n\n+/g, '\n\n'); // Split up the contents into an array of strings, separated by double line breaks. 305 306 const texts = text.split(/\n\s*\n/).filter(Boolean); // Reset text prior to rebuilding. 307 308 text = ''; // Rebuild the content as a string, wrapping every bit with a <p>. 309 310 texts.forEach(textPiece => { 311 text += '<p>' + textPiece.replace(/^\n*|\n*$/g, '') + '</p>\n'; 312 }); // Under certain strange conditions it could create a P of entirely whitespace. 313 314 text = text.replace(/<p>\s*<\/p>/g, ''); // Add a closing <p> inside <div>, <address>, or <form> tag if missing. 315 316 text = text.replace(/<p>([^<]+)<\/(div|address|form)>/g, '<p>$1</p></$2>'); // If an opening or closing block element tag is wrapped in a <p>, unwrap it. 317 318 text = text.replace(new RegExp('<p>\\s*(</?' + allBlocks + '[^>]*>)\\s*</p>', 'g'), '$1'); // In some cases <li> may get wrapped in <p>, fix them. 319 320 text = text.replace(/<p>(<li.+?)<\/p>/g, '$1'); // If a <blockquote> is wrapped with a <p>, move it inside the <blockquote>. 321 322 text = text.replace(/<p><blockquote([^>]*)>/gi, '<blockquote$1><p>'); 323 text = text.replace(/<\/blockquote><\/p>/g, '</p></blockquote>'); // If an opening or closing block element tag is preceded by an opening <p> tag, remove it. 324 325 text = text.replace(new RegExp('<p>\\s*(</?' + allBlocks + '[^>]*>)', 'g'), '$1'); // If an opening or closing block element tag is followed by a closing <p> tag, remove it. 326 327 text = text.replace(new RegExp('(</?' + allBlocks + '[^>]*>)\\s*</p>', 'g'), '$1'); // Optionally insert line breaks. 328 329 if (br) { 330 // Replace newlines that shouldn't be touched with a placeholder. 331 text = text.replace(/<(script|style).*?<\/\\1>/g, match => match[0].replace(/\n/g, '<WPPreserveNewline />')); // Normalize <br> 332 333 text = text.replace(/<br>|<br\/>/g, '<br />'); // Replace any new line characters that aren't preceded by a <br /> with a <br />. 334 335 text = text.replace(/(<br \/>)?\s*\n/g, (a, b) => b ? a : '<br />\n'); // Replace newline placeholders with newlines. 336 337 text = text.replace(/<WPPreserveNewline \/>/g, '\n'); 338 } // If a <br /> tag is after an opening or closing block tag, remove it. 339 340 341 text = text.replace(new RegExp('(</?' + allBlocks + '[^>]*>)\\s*<br />', 'g'), '$1'); // If a <br /> tag is before a subset of opening or closing block tags, remove it. 342 343 text = text.replace(/<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)/g, '$1'); 344 text = text.replace(/\n<\/p>$/g, '</p>'); // Replace placeholder <pre> tags with their original content. 345 346 preTags.forEach(preTag => { 347 const [name, original] = preTag; 348 text = text.replace(name, original); 349 }); // Restore newlines in all elements. 350 351 if (-1 !== text.indexOf('<!-- wpnl -->')) { 352 text = text.replace(/\s?<!-- wpnl -->\s?/g, '\n'); 353 } 354 355 return text; 356 } 357 /** 358 * Replaces `<p>` tags with two line breaks. "Opposite" of autop(). 359 * 360 * Replaces `<p>` tags with two line breaks except where the `<p>` has attributes. 361 * Unifies whitespace. Indents `<li>`, `<dt>` and `<dd>` for better readability. 362 * 363 * @param {string} html The content from the editor. 364 * 365 * @example 366 * ```js 367 * import { removep } from '@wordpress/autop'; 368 * removep( '<p>my text</p>' ); // "my text" 369 * ``` 370 * 371 * @return {string} The content with stripped paragraph tags. 372 */ 373 374 function removep(html) { 375 const blocklist = 'blockquote|ul|ol|li|dl|dt|dd|table|thead|tbody|tfoot|tr|th|td|h[1-6]|fieldset|figure'; 376 const blocklist1 = blocklist + '|div|p'; 377 const blocklist2 = blocklist + '|pre'; 378 /** @type {string[]} */ 379 380 const preserve = []; 381 let preserveLinebreaks = false; 382 let preserveBr = false; 383 384 if (!html) { 385 return ''; 386 } // Protect script and style tags. 387 388 389 if (html.indexOf('<script') !== -1 || html.indexOf('<style') !== -1) { 390 html = html.replace(/<(script|style)[^>]*>[\s\S]*?<\/\1>/g, match => { 391 preserve.push(match); 392 return '<wp-preserve>'; 393 }); 394 } // Protect pre tags. 395 396 397 if (html.indexOf('<pre') !== -1) { 398 preserveLinebreaks = true; 399 html = html.replace(/<pre[^>]*>[\s\S]+?<\/pre>/g, a => { 400 a = a.replace(/<br ?\/?>(\r\n|\n)?/g, '<wp-line-break>'); 401 a = a.replace(/<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-line-break>'); 402 return a.replace(/\r?\n/g, '<wp-line-break>'); 403 }); 404 } // Remove line breaks but keep <br> tags inside image captions. 405 406 407 if (html.indexOf('[caption') !== -1) { 408 preserveBr = true; 409 html = html.replace(/\[caption[\s\S]+?\[\/caption\]/g, a => { 410 return a.replace(/<br([^>]*)>/g, '<wp-temp-br$1>').replace(/[\r\n\t]+/, ''); 411 }); 412 } // Normalize white space characters before and after block tags. 413 414 415 html = html.replace(new RegExp('\\s*</(' + blocklist1 + ')>\\s*', 'g'), '</$1>\n'); 416 html = html.replace(new RegExp('\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g'), '\n<$1>'); // Mark </p> if it has any attributes. 417 418 html = html.replace(/(<p [^>]+>[\s\S]*?)<\/p>/g, '$1</p#>'); // Preserve the first <p> inside a <div>. 419 420 html = html.replace(/<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n'); // Remove paragraph tags. 421 422 html = html.replace(/\s*<p>/gi, ''); 423 html = html.replace(/\s*<\/p>\s*/gi, '\n\n'); // Normalize white space chars and remove multiple line breaks. 424 425 html = html.replace(/\n[\s\u00a0]+\n/g, '\n\n'); // Replace <br> tags with line breaks. 426 427 html = html.replace(/(\s*)<br ?\/?>\s*/gi, (_, space) => { 428 if (space && space.indexOf('\n') !== -1) { 429 return '\n\n'; 430 } 431 432 return '\n'; 433 }); // Fix line breaks around <div>. 434 435 html = html.replace(/\s*<div/g, '\n<div'); 436 html = html.replace(/<\/div>\s*/g, '</div>\n'); // Fix line breaks around caption shortcodes. 437 438 html = html.replace(/\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n'); 439 html = html.replace(/caption\]\n\n+\[caption/g, 'caption]\n\n[caption'); // Pad block elements tags with a line break. 440 441 html = html.replace(new RegExp('\\s*<((?:' + blocklist2 + ')(?: [^>]*)?)\\s*>', 'g'), '\n<$1>'); 442 html = html.replace(new RegExp('\\s*</(' + blocklist2 + ')>\\s*', 'g'), '</$1>\n'); // Indent <li>, <dt> and <dd> tags. 443 444 html = html.replace(/<((li|dt|dd)[^>]*)>/g, ' \t<$1>'); // Fix line breaks around <select> and <option>. 445 446 if (html.indexOf('<option') !== -1) { 447 html = html.replace(/\s*<option/g, '\n<option'); 448 html = html.replace(/\s*<\/select>/g, '\n</select>'); 449 } // Pad <hr> with two line breaks. 450 451 452 if (html.indexOf('<hr') !== -1) { 453 html = html.replace(/\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n'); 454 } // Remove line breaks in <object> tags. 455 456 457 if (html.indexOf('<object') !== -1) { 458 html = html.replace(/<object[\s\S]+?<\/object>/g, a => { 459 return a.replace(/[\r\n]+/g, ''); 460 }); 461 } // Unmark special paragraph closing tags. 462 463 464 html = html.replace(/<\/p#>/g, '</p>\n'); // Pad remaining <p> tags whit a line break. 465 466 html = html.replace(/\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1'); // Trim. 467 468 html = html.replace(/^\s+/, ''); 469 html = html.replace(/[\s\u00a0]+$/, ''); 470 471 if (preserveLinebreaks) { 472 html = html.replace(/<wp-line-break>/g, '\n'); 473 } 474 475 if (preserveBr) { 476 html = html.replace(/<wp-temp-br([^>]*)>/g, '<br$1>'); 477 } // Restore preserved tags. 478 479 480 if (preserve.length) { 481 html = html.replace(/<wp-preserve>/g, () => { 482 return ( 483 /** @type {string} */ 484 preserve.shift() 485 ); 486 }); 487 } 488 489 return html; 490 } 491 492 493 /***/ }) 494 495 /******/ });