github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-22 03:21:12 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

REFACTOR: Migrate markdown functionality in ES6

Browse Source
This commit is contained in:
Robin Ward
2016-06-14 14:31:51 -04:00
parent bc25d9a7a0
commit a546395397
146 changed files with 3259 additions and 5675 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
plugins/discourse-details/assets/javascripts/details_dialect.js
View File

@ -1,28 +0,0 @@
(function() {
function insertDetails(_, summary, details) {
return "<details><summary>" + summary + "</summary>" + details + "</details>";
}
// replace all [details] BBCode with HTML 5.1 equivalent
function replaceDetails(text) {
text = text || "";
while (text !== (text = text.replace(/\[details=([^\]]+)\]((?:(?!\[details=[^\]]+\]|\[\/details\])[\S\s])*)\[\/details\]/ig, insertDetails)));
// add new lines to make sure we *always* have a <p> element after </summary> and around </details>
// otherwise we can't hide the content since we can't target text nodes via CSS
return text.replace(/<\/summary>/ig, "</summary>\n\n")
.replace(/<\/details>/ig, "\n\n</details>\n\n");
}
Discourse.Dialect.addPreProcessor(function(text) {
if (Discourse.SiteSettings.details_enabled) {
text = replaceDetails(text);
}
return text;
});
Discourse.Markdown.whiteListTag("details", "class", "elided");
})();

3
plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6
View File

@ -1,5 +1,4 @@
import { withPluginApi } from 'discourse/lib/plugin-api';
import ComposerController from 'discourse/controllers/composer';
function initializeDetails(api) {
api.decorateCooked($elem => $("details", $elem).details());
@ -12,6 +11,7 @@ function initializeDetails(api) {
};
});
const ComposerController = api.container.lookup("controller:composer");
ComposerController.reopen({
actions: {
insertDetails() {
@ -27,6 +27,7 @@ function initializeDetails(api) {
export default {
name: "apply-details",
after: 'inject-objects',
initialize() {
withPluginApi('0.5', initializeDetails);

25
plugins/discourse-details/assets/javascripts/lib/discourse-markdown/details.js.es6 Normal file
View File

@ -0,0 +1,25 @@
import { registerOption } from 'pretty-text/pretty-text';
function insertDetails(_, summary, details) {
return `<details><summary>${summary}</summary>${details}</details>`;
}
// replace all [details] BBCode with HTML 5.1 equivalent
function replaceDetails(text) {
text = text || "";
while (text !== (text = text.replace(/\[details=([^\]]+)\]((?:(?!\[details=[^\]]+\]|\[\/details\])[\S\s])*)\[\/details\]/ig, insertDetails)));
// add new lines to make sure we *always* have a <p> element after </summary> and around </details>
// otherwise we can't hide the content since we can't target text nodes via CSS
return text.replace(/<\/summary>/ig, "</summary>\n\n").replace(/<\/details>/ig, "\n\n</details>\n\n");
}
registerOption((siteSettings, opts) => {
opts.features.details = true;
});
export function setup(helper) {
helper.whiteList('details.elided');
helper.addPreProcessor(text => replaceDetails(text));
}

2
plugins/discourse-details/plugin.rb
View File

@ -7,8 +7,6 @@
enabled_site_setting :details_enabled
register_asset "javascripts/details.js"
register_asset "javascripts/details_dialect.js", :server_side
register_asset "stylesheets/details.scss"
after_initialize do