Hi Gary,
I was working with the trunk till now. I'm trying to get it running on the
amazon server which i just signed up for(free tier). Could you explain more
about the plugins? I didnt quite get it. Currently I just modified some of
the files in trac and bloodhound to get the basic editor working up. It
currently highlights only the text formatting, links and headings. I will
just paste the patch below.
There are two external files which I had to place in the
bloodhound_dashboard/bhdashboard/htdocs/css and trac/trac/htdocs/js. The
codemirror.js and wikimarkup.js are placed in the latter and the
codemirror.css and wikimarkup.css are placed in the former. This was
because i couldn't get the css files loaded when places in the latter
directory i.e the common directory for trac.
I would like to have more information on how to proceed from here. The
patch i made is as follows:
Index: bloodhound_theme/bhtheme/templates/bh_wiki_edit.html
===================================================================
--- bloodhound_theme/bhtheme/templates/bh_wiki_edit.html (revision 1523937)
+++ bloodhound_theme/bhtheme/templates/bh_wiki_edit.html (working copy)
@@ -54,10 +54,16 @@
}).get(0).scrollTop = $("#scroll_bar_pos").val();
$("#editrows").change(function() {
resizeTextArea("text", this.options[this.selectedIndex].value);
+ <py:if test="livesyntaxhighlight">/*<![CDATA[*/
+ editor.setSize(window.twidth,
this.options[this.selectedIndex].value*13);
+ </py:if>
});
$("#sidebyside").change(function() {
$("#edit input[type=submit][name=preview]").click();
});
+ $("#livesyntaxhighlight").change(function(){
+ $("#edit input[type=submit][name=preview]").click();
+ });
<py:if test="not sidebyside and (action == 'preview' or diff)">
$("#info").scrollToTop();
</py:if>
@@ -89,6 +95,34 @@
autoResizeText();
$(window).resize(autoResizeText);
/*]]>*/</py:if>
+ <py:if test="livesyntaxhighlight">/*<![CDATA[*/
+ window.twidth = $('#text').width();
+ window.theight = $('#text').height();
+ console.log($('#text').width() + ' '+ $('#text').height());
+ window.editor =
CodeMirror.fromTextArea(document.getElementById("text"), {
+ lineNumbers: true,
+ matchBrackets: true,
+ continueComments: "Enter",
+ extraKeys: {"Ctrl-Q": "toggleComment"}
+ });
+ resizeCodeMirror()
+ editor.refresh();
+ function resizeCodeMirror(){
+ console.log($('#text').width() + ' '+ $('#text').height());
+ var editor = window.editor;
+ var spanwidth = $('.span12').width()/2 - 15;
+ var cmwidth = window.twidth;
+ if ($('.span12').width() > 688 &&
document.getElementById('sidebyside').checked)
+ cmwidth = spanwidth;
+ else cmwidth = 2 * (spanwidth +15);
+ var cmheight = $('#text').height();
+ // if(document.getElementById('preview'))
+ // cmheight = $('#preview').height();
+ editor.setSize(cmwidth, cmheight);
+ editor.refresh();
+ }
+ $(window).resize(resizeCodeMirror);
+ /*]]>*/</py:if>
<py:if test="sidebyside and not diff">
$("#text").autoPreview("${href.wiki_render()}", {
realm: "${page.resource.realm}", id: "${page.resource.id}"
Index: bloodhound_theme/bhtheme/templates/bh_wiki_edit_form.html
===================================================================
--- bloodhound_theme/bhtheme/templates/bh_wiki_edit_form.html (revision
1523937)
+++ bloodhound_theme/bhtheme/templates/bh_wiki_edit_form.html (working copy)
@@ -46,6 +46,11 @@
Edit side-by-side
<input type="checkbox" name="sidebyside" id="sidebyside"
checked="$sidebyside" />
</label>
+ <label for="livesyntaxhighlight" class="pull-right" title="Enable
the new Live Syntax Highlighting mode">
+ Enable Live Syntax Highlighting(Alfa)
+ <input type="checkbox" name="livesyntaxhighlight"
id="livesyntaxhighlight" checked="$livesyntaxhighlight" />
+ </label>
+
<br/>
</div>
<p><textarea id="text" class="wikitext${' trac-resizable' if not
sidebyside else None}"
Index: trac/trac/wiki/web_ui.py
===================================================================
--- trac/trac/wiki/web_ui.py (revision 1523937)
+++ trac/trac/wiki/web_ui.py (working copy)
@@ -504,14 +504,18 @@
author = get_reporter_id(req, 'author')
defaults = {'editrows': 20}
prefs = dict((key, req.session.get('wiki_%s' % key,
defaults.get(key)))
- for key in ('editrows', 'sidebyside'))
+ for key in ('editrows', 'sidebyside',
'livesyntaxhighlight'))
if 'from_editor' in req.args:
sidebyside = req.args.get('sidebyside') or None
if sidebyside != prefs['sidebyside']:
req.session.set('wiki_sidebyside', int(bool(sidebyside)),
0)
+ livesyntaxhighlight = req.args.get('livesyntaxhighlight') or
None
+ if livesyntaxhighlight != prefs['livesyntaxhighlight']:
+ req.session.set('wiki_livesyntaxhighlight',
int(bool(livesyntaxhighlight)), 0)
else:
sidebyside = prefs['sidebyside']
+ livesyntaxhighlight = prefs['livesyntaxhighlight']
if sidebyside:
editrows = max(int(prefs['editrows']),
@@ -525,12 +529,19 @@
else:
editrows = prefs['editrows']
+ if livesyntaxhighlight:
+ add_script(req, 'common/js/codemirror.js')
+ # had to put css in dashboard css folder as it was not
detecting in the common folder
+ add_stylesheet(req, 'dashboard/css/codemirror.css')
+ add_script(req, 'common/js/wikimarkup.js')
+ add_stylesheet(req, 'dashboard/css/wikimarkup.css')
+
data = self._page_data(req, page, action)
context = web_context(req, page.resource)
data.update({
'author': author,
'comment': comment,
- 'edit_rows': editrows, 'sidebyside': sidebyside,
+ 'edit_rows': editrows, 'sidebyside': sidebyside,
'livesyntaxhighlight': livesyntaxhighlight,
'scroll_bar_pos': req.args.get('scroll_bar_pos', ''),
'diff': None,
'attachments':
AttachmentModule(self.env).attachment_data(context),
On Tue, Sep 17, 2013 at 3:17 PM, Gary Martin <[email protected]>wrote:
Anoop,
A little off topic but have you tested your svn access yet? I can't see a
branch for your work yet so, on the assumption that you need a full copy of
bloodhound to play with, if you have the normal command line svn client
installed you should be able to do something like this:
svn cp
https://svn.apache.org/repos/**asf/bloodhound/trunk<https://svn.apache.org/repos/asf/bloodhound/trunk>\
https://svn.apache.org/repos/**asf/bloodhound/branches/**
livesyntaxhighlighting<https://svn.apache.org/repos/asf/bloodhound/branches/livesyntaxhighlighting>\
-m "creating branch for live syntax highlighting ASF-ICFOSS project"
If that works then you should then be able to check out the code with:
svn co https://svn.apache.org/repos/**asf/bloodhound/branches/**
livesyntaxhighlighting<https://svn.apache.org/repos/asf/bloodhound/branches/livesyntaxhighlighting>
and you will then be able to write your code in that branch.
I'll not try to guess your level of expertise in using subversion so if
you need any help, let us know and we can give bits of advice and point you
towards appropriate documentation. You will probably also want to know how
to create a plugin for your work to go in - we have a number of examples of
plugins that will be in the branch that you create, each of which are named
like bloodhound_[something].
You can also use Antonia's GSoC project as a guide. That will not be in
your branch though you can find it here:
https://svn.apache.org/repos/**asf/bloodhound/branches/bep_**
0007_embeddable_objects/<https://svn.apache.org/repos/asf/bloodhound/branches/bep_0007_embeddable_objects/>
and you can see that Antonia called her plugin
"bloodhound_embedding_plugin" which has all (or at least the vast majority)
of her code in.
Again, please ask whenever you find that there is not enough information
on things.
Cheers,
Gary
On 13/09/13 06:37, Anoop Nayak wrote:
Thanks Joe. I will try posting the question in a more specific way soon.
On Thu, Sep 12, 2013 at 11:52 PM, Joachim Dreimann <
[email protected]> wrote:
Anoop,
if you don't receive any responses here, please do get in touch with the
CodeMirror community. They may be in a better position to help in your
current situation:
http://codemirror.net/#**community <http://codemirror.net/#community>
Alternatively, lease let us know what your latest progress is and if you
can figure out a more specific problem that blocks you from progressing.
"I can't understand how the code is working around why it is written in
that way." - That seems too generic for anyone here to really answer.
Cheers,
Joe
On 6 September 2013 16:20, Anoop Nayak <[email protected]> wrote:
Hi devs,
I tried looking at the CodeMirror <http://codemirror.net/> project and
I
figured out that I need to write a new
mode<http://codemirror.net/**doc/manual.html#modeapi<http://codemirror.net/doc/manual.html#modeapi>>
for
codemirror which can highlight WikiMarkup. And there is already a mode
for
tikiMarkup
<https://doc.tiki.org/Wiki-**Syntax+Text<https://doc.tiki.org/Wiki-Syntax+Text>>
which is another Wiki
style language as found here
https://github.com/marijnh/**CodeMirror/tree/master/mode/**tiki<https://github.com/marijnh/CodeMirror/tree/master/mode/tiki>.
But I can't
understand how the code is working around why it is written in that way.
The next option is to start from scratch which again will consume more
time
as I need to learn how a syntax highlighter works and an optimal
solution
to it. And so in the process I was trying to understand by the example
of a
mode given by the creator of the project itself in here
http://marijnhaverbeke.nl/**blog/codemirror-mode-system.**html<http://marijnhaverbeke.nl/blog/codemirror-mode-system.html>.
But again I
am
not able to relate it with the tikimarkup mode.
Could anybody guide me on how to proceed with making a new mode.
Awaiting a reply soon.
Regards,
--
Anoop Nayak
--
Joachim Dreimann | *User Experience Manager*
WANdisco // *Non-Stop Data*
e. [email protected]
twitter @jdreimann <https://twitter.com/jdreimann**>
