| 123456789101112131415161718192021222324252627282930313233 |
- <style>
- #snippet-link-target + .ck-editor .ck-content a[target]::after {
- content: "target=\"" attr(target) "\"";
- font-size: 0.6em;
- position: relative;
- left: 0em;
- top: -1em;
- background: #00ffa6;
- color: #000;
- padding: 1px 3px;
- border-radius: 10px;
- }
- #snippet-link-target-content {
- width: 100%;
- height: 8em;
- font-family: monospace;
- }
- </style>
- <div id="snippet-link-target">
- <p>This <a href="https://ckeditor.com" target="_blank">editor</a> allows <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_parent">links</a> with a <code>target</code> attribute to be loaded into the content.</p>
- </div>
- <p><b>Note</b>: You can play with the content to see that different link <code>target</code> values are also handled.</p>
- <textarea id="snippet-link-target-content">
- <p>A few links with different targets:</p> <ul> 	<li><a href="https://ckeditor.com" target="_blank">CKEditor</a></li> 	<li><a href="https://ckeditor.com/ckfinder/">CKFinder</a></li> 	<li><a href="https://cksource.com" target="_parent">CKSource</a></li> 	<li><a href="https://cksource.com/team/" target="_top">Team</a></li> </ul>
- </textarea>
- <p>
- <button type="button" id="snippet-link-target-content-update">Set editor data</button>
- </p>
|