diff --git a/client/homebrew/brewRenderer/errorBar/errorBar.jsx b/client/homebrew/brewRenderer/errorBar/errorBar.jsx index 123eaf728..e9ff189c9 100644 --- a/client/homebrew/brewRenderer/errorBar/errorBar.jsx +++ b/client/homebrew/brewRenderer/errorBar/errorBar.jsx @@ -62,6 +62,7 @@ var ErrorBar = React.createClass({ return

There are HTML errors in your markup

+ If these aren't fixed your brew will not render properly when you print it to PDF or share it {this.renderErrors()}
{this.renderProtip()} diff --git a/client/homebrew/brewRenderer/errorBar/errorBar.less b/client/homebrew/brewRenderer/errorBar/errorBar.less index 79d2a0ccc..f3f2dbaae 100644 --- a/client/homebrew/brewRenderer/errorBar/errorBar.less +++ b/client/homebrew/brewRenderer/errorBar/errorBar.less @@ -39,6 +39,10 @@ background-color : darken(@red, 8%); border : none; } + small{ + font-size: 0.6em; + opacity: 0.7; + } .protips{ margin-left : -80px; font-size : 0.6em; diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx index 4b923b50f..802c881d5 100644 --- a/client/homebrew/pages/editPage/editPage.jsx +++ b/client/homebrew/pages/editPage/editPage.jsx @@ -17,7 +17,7 @@ var Editor = require('../../editor/editor.jsx'); var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx'); var HijackPrint = require('../hijackPrint.js'); - +var Markdown = require('naturalcrit/markdown.js'); const SAVE_TIMEOUT = 3000; @@ -47,6 +47,7 @@ var EditPage = React.createClass({ isSaving : false, isPending : false, errors : null, + htmlErrors : [], lastUpdated : this.props.brew.updatedAt }; }, @@ -60,6 +61,10 @@ var EditPage = React.createClass({ } }; + this.setState({ + htmlErrors : Markdown.validate(this.state.text) + }) + document.onkeydown = HijackPrint(this.props.brew.shareId); }, componentWillUnmount: function() { @@ -115,7 +120,8 @@ var EditPage = React.createClass({ this.debounceSave.cancel(); this.setState({ isSaving : true, - errors : null + errors : null, + htmlErrors : Markdown.validate(this.state.text) }); request @@ -196,7 +202,7 @@ var EditPage = React.createClass({
- +
diff --git a/client/homebrew/pages/newPage/newPage.jsx b/client/homebrew/pages/newPage/newPage.jsx index 242d2c736..e50db1823 100644 --- a/client/homebrew/pages/newPage/newPage.jsx +++ b/client/homebrew/pages/newPage/newPage.jsx @@ -3,12 +3,13 @@ var _ = require('lodash'); var cx = require('classnames'); var request = require("superagent"); +var Markdown = require('naturalcrit/markdown.js'); + var Nav = require('naturalcrit/nav/nav.jsx'); var Navbar = require('../../navbar/navbar.jsx'); var EditTitle = require('../../navbar/editTitle.navitem.jsx'); var IssueNavItem = require('../../navbar/issue.navitem.jsx'); -var Markdown = require('naturalcrit/markdown.js'); var SplitPane = require('naturalcrit/splitPane/splitPane.jsx'); var Editor = require('../../editor/editor.jsx'); var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx'); @@ -115,7 +116,6 @@ var NewPage = React.createClass({ }, render : function(){ - console.log(this.state.errors); return
{this.renderNavbar()}