clean up, and some css

Author: AddisonSchiller

mfr/extensions/md/README.md

@@ -0,0 +1,43 @@
+
+## Markdown plus Mathjax readme
+
+Most of the packages are in there to try to match what the OSF wiki is doing. The two exceptions being markdown-it-highlightjs.js and markdown-it-mathjax.js. The highlighter matches the functionality of what is on the osf however, and the markdown-it-mathjax.js increases functionality with mathjax. 
+
+to get all the libraries needed:
+
+```
+npm [email protected]
+npm install @centerforopenscience/[email protected]
+npm install [email protected]
+npm install [email protected]
+npm install [email protected]
+npm install [email protected]
+```
+
+To add a new library, you need to make sure its loadable in md.js somehow, either through exporting via `root.<name>` or some other means. Some of the markdown plugins added have custom code in them to load them into `root`.
+
+Libraries should try to use the same version as the ones used on the OSF. The plugins do not matter as much, but `markdown-it` and `Mathjax` you should try to match exactly because styling can change between versions.
+
+To add a new library that is not already set up to export to `root` can be a bit tricky, but the gist of it is, wrap the plugin in this code:
+
+```
+;(function (root, factory) {
+  if (typeof exports === 'object') {
+    module.exports = factory()
+  } else {
+    root.<PLUGIN_NAME> = factory()
+  }
+})(this, function () {
+
+
+return function(md){
+
+    .....
+}
+
+})
+```
+
+And then modify it to work in this context. See other plugins for examples.
+
+Then, in md.js, you can add a plugin to the markdown renderer by adding a `.use(<window.<PLUGIN_NAME>)`

mfr/extensions/md/static/css/default.css

@@ -30,51 +30,14 @@
  * @valid        true
  */
 
-body {
-    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
-    padding:1em;
-    margin:auto;
-    background:#fefefe;
-}
-
-.mfrViewer {
-    padding: 10px;
-    height: auto;
-}
 
-hr {
-    height: 0.2em;
-    border: 0;
-    color: #CCCCCC;
-    background-color: #CCCCCC;
-}
 
-p, blockquote, ul, ol, dl, li, table, pre {
-    margin: 15px 0;
-}
 
-code, pre {
-    border-radius: 3px;
-    background-color: #F8F8F8;
-    color: inherit;
-}
-
-
-pre {
-    border: 1px solid #CCCCCC;
-    line-height: 1.25em;
-    overflow: auto;
-    padding: 6px 10px;
-}
-
-pre > code {
-    border: 0;
-    margin: 0;
-    padding: 0;
+.mfrViewer {
+    font-family: 'Open Sans';
+    padding:1em;
+    background:#fefefe;
+    height: auto;
+    word-wrap: break-word;
 }
 
-a, a:visited {
-    color: #4183C4;
-    background-color: inherit;
-    text-decoration: none;
-}