<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Arial,Helvetica,sans-serif;">
<p>Hi Kristof,</p>
<p><br>
</p>
<p>Please, no Mr., just call me Matic.</p>
<p>Yes, you can use my responses on <span>StackOverflow, I do not care about the points.<br>
</span></p>
<p><span>Thanks for mentioning me in the answer!</span></p>
<p>Now:</p>
<p><br>
</p>
<p>1.) I accidentally  left the '<b>send_scintilla = </b>' line in, just remove it<b></b>. The code in my editor is '<b>send_scintilla = self.SendScintilla</b>', then send_scintilla is used, to save me some typing.</p>
<p><br>
</p>
<p>2.) To connect to the signal use the code below in the QScintilla editors <b>__init__</b> function:</p>
<blockquote>
<p><span>def hotspot_click(position, modifiers):</span></p>
<p><span>    print("Hotspot click!")<br>
</span></p>
<p><br>
</p>
<p><span>self.SCN_HOTSPOTRELEASECLICK.connect(hotspot_click)</span></p>
</blockquote>
<p><span>Check the attached example. I just added the hotspot code to your StackOverflow example and disabled the lexer. Hover the mouse over the
<span>SimplePythonEditor</span> word in line 18 and click on it.</span></p>
<p><span>When you click on it, it will print to the console the index you clicked on.<br>
</span></p>
<p><span><span><b>!! Note that for this example to w</b></span><b>ork, YOU HAVE TO DISABLE THE LEXER, as hotspots should be styled by the lexer if you are using it with your QScintilla editor !!</b><br>
</span></p>
<p><span><br>
</span></p>
<p><span>3.) As <a href="http://stackoverflow.com/users/6541288/%ce%bbuser">ëuser</a> already mentioned, you have to parse the text for the functions yourself and then style the hotspots manually. QScintilla has no functionality to parse code, it only styles
 the text according to predefined tokens. This is done in the underlying C++ code for the built-in lexers like
<b>C</b> or <b>Python</b>.</span></p>
<p><span>If you want to make functions clickable and have syntax highlighting at the same time, you have to make your custom lexer by inheriting from the
<span>QsciLexerCustom</span> class and writing you custom styleText function. <br>
</span></p>
<p><span>Check my editor's Oberon lexer and its <b>styleText </b>function in the lexers.py module (<a href="https://github.com/matkuki/ExCo/blob/master/lexers.py#L280">link</a>). This function is called everytime you change the text in the editor. In the Oberon
 lexer, the text is just split using a list of separator characters into tokens, then the tokens are iterated over and styled according to what type of token it is. Here is where you would have to add your custom hotspot styling code.
<br>
</span></p>
<p><span>So if you're parsing <b>C code</b> for your <b>GNEB </b>editor, your custom lexer's
<span><b>styleText</b> function would have to do the following:</span></span></p>
<blockquote>
<p><span><span></span><b></b></span>- parse the editor text for C functions and variables</p>
<p>- tokenize the editor text (for each token you need it's starting index and length)<br>
</p>
<p>- loop over the tokens and style them either normally or if the token is a C function or variable as a hotspot<span></span><br>
</p>
</blockquote>
<p>You also have to add a function that will handle the clicks on functions and variables.</p>
<p><br>
</p>
<p>I know it probably looks complicated looking at the code, but after a while you'll get the hang of how the lexers work. If you need more help with any detail, just ask and I'll help if I can.</p>
<p><br>
</p>
<p>The other thing you can do is what I did in Ex.Co.. Instead of making functions and variables clickable, parse the code and show a list on the side with all the functions and variables in it. Then when you click on a function or variable in the list, the
 editor jumps to the function definition.<br>
</p>
<p><br>
</p>
<p><br>
</p>
<p>As for GNEB, it a great idea! At one point I wanted to add in-built support for the SDCC compiler into Ex.Co., but simply couldn't find the time.<br>
</p>
<p>I looked at your website a couple of days ago, but couldn't find any references if you will support 16-bit PIC's? I will try GNEB this week and mail you.</p>
<p><br>
</p>
<p>I'm from Slovenia, so yes, we're in the same timezone.</p>
<p><br>
</p>
<p>Hope this info helps.</p>
<p><br>
</p>
<p>Matic</p>
<p><br>
</p>
<div style="color: rgb(0, 0, 0);">
<hr style="display:inline-block; width:98%" tabindex="-1">
<div id="divRplyFwdMsg" dir="ltr"><font style="font-size:11pt" color="#000000" face="Calibri, sans-serif"><b>From:</b> kristof.mulier@telenet.be <kristof.mulier@telenet.be><br>
<b>Sent:</b> Wednesday, October 12, 2016 9:58 PM<br>
<b>To:</b> Matic Kukovec<br>
<b>Subject:</b> Re: [QScintilla] Clickable functions and variables</font>
<div> </div>
</div>
<div>
<div style="font-family:Arial; font-size:10pt; color:#000000">
<div>Dear Mr. Kukovec,</div>
<div><br>
</div>
<div><strong>About QScintilla</strong></div>
<div><strong>--------------------------</strong></div>
<div>First of all, a big thank you for your help. Your answer is very useful. I have taken the freedom to post it on StackOverflow, with of course your name mentioned. If you would like to, you can post it yourself (and I'll remove my post), such that you can
 earn the StackOverflow points you deserve ;-)</div>
<div>Anyway, a big big thank you!</div>
<div>Could you take a quick look at the StackOverflow post?</div>
<div><br>
</div>
<div><a href="http://stackoverflow.com/questions/40002373/qscintilla-based-text-editor-in-pyqt5-with-clickable-functions-and-variables/40006957#40006957" id="LPlnk72673" previewremoved="true">http://stackoverflow.com/questions/40002373/qscintilla-based-text-editor-in-pyqt5-with-clickable-functions-and-variables/40006957#40006957</a></div>
<div><br>
</div>
<div>I have added a few questions below the post, to ask for clarification of a few things in your answer. I lack some experience in QScintilla, so certain things are a bit hard for me to grasp.</div>
<div><br>
</div>
<div><strong>About your project</strong></div>
<div><strong>-----------------------------</strong></div>
<div>I have downloaded the IDE from your github account, and I am truly amazed. This is a wonderful work. You have certainly spent a lot of time on it!</div>
<div>Could you take a quick look at my project?</div>
<div><a href="http://www.gneb.io" id="LPlnk999764" previewremoved="true">www.gneb.io</a></div>
<div>I am making an IDE that is targeted at microcontroller programming in C. What do you think about it?</div>
<div><br>
</div>
<div>I hope we could exchange some thoughts. Do you also live in the European timezone? I'm from Belgium :-)</div>
<div><br>
</div>
<div>Kind greetings,</div>
<div><br>
</div>
<div>Kristof</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
</div>
<hr id="zwchr">
<div style="color:#000; font-weight:normal; font-style:normal; text-decoration:none; font-family:Helvetica,Arial,sans-serif; font-size:12pt">
<b>Van: </b>"Matic Kukovec" <kukovecmatic@hotmail.com><br>
<b>Aan: </b>"QScintilla" <qscintilla@riverbankcomputing.com><br>
<b>Verzonden: </b>Woensdag 12 oktober 2016 20:08:55<br>
<b>Onderwerp: </b>Re: [QScintilla] Clickable functions and variables<br>
<div><br>
</div>
<div id="divtagdefaultwrapper" style="font-size:12pt; color:#000000; font-family:Calibri,Arial,Helvetica,sans-serif">
<p>Hey Kristof,</p>
<p><br>
</p>
<p>Hotspots make text clickable. You have to style it manualy using the <b>QScintilla.SendScintilla
</b>function.</p>
<p>Example function I used in my editor Ex.Co. (<a href="https://github.com/matkuki/ExCo" class="OWAAutoLink" id="LPlnk802397" target="_blank" previewremoved="true">https://github.com/matkuki/ExCo</a>):</p>
<blockquote>
<p><br>
</p>
<div>def style_hotspot(self, index_from, length, color=0xff0000):<br>
            """Style the text from/to with a hotspot"""<br>
            send_scintilla = <br>
            #Use the scintilla low level messaging system to set the hotspot<br>
            <span>self.SendScintilla</span>(PyQt4.Qsci.QsciScintillaBase.SCI_STYLESETHOTSPOT, 2, True)<br>
            <span>self.SendScintilla</span>(PyQt4.Qsci.QsciScintillaBase.SCI_SETHOTSPOTACTIVEFORE, True, color)<br>
            <span>self.SendScintilla</span>(PyQt4.Qsci.QsciScintillaBase.SCI_SETHOTSPOTACTIVEUNDERLINE, True)<br>
            <span>self.SendScintilla</span>(PyQt4.Qsci.QsciScintillaBase.SCI_STARTSTYLING, index_from, 2)<br>
            <span>self.SendScintilla</span>(PyQt4.Qsci.QsciScintillaBase.SCI_SETSTYLING, length, 2)</div>
<p><br>
</p>
</blockquote>
<p>This makes text in the QScintilla editor clickable when you hover the mouse over it.</p>
<p>The number 2 in the above functions is the hotspot style number.<br>
</p>
<p>To catch the event that fires when you click the hotspot, connect to these signals:
<br>
</p>
<blockquote>
<p><br>
</p>
<div>
<div>QScintilla.<span></span><span><span>SCN_HOTSPOTCLICK<br>
</span></span>
<div>QScintilla.<span></span><span><span>SCN_HOTSPOTDOUBLECLICK</span></span></div>
</div>
QScintilla.<span></span><span>SCN_HOTSPOTRELEASECLICK</span></div>
<p><br>
</p>
</blockquote>
<p><br>
</p>
<p>For more details look at Scintilla hotspot documentation:</p>
<p><a href="http://www.scintilla.org/ScintillaDoc.html#SCI_STYLESETHOTSPOT" class="OWAAutoLink" id="LPlnk1098" target="_blank" previewremoved="true">http://www.scintilla.org/ScintillaDoc.html#SCI_STYLESETHOTSPOT</a></p>
<p>and QScintilla hotspot events:</p>
<p><a href="http://pyqt.sourceforge.net/Docs/QScintilla2/classQsciScintillaBase.html#a5eff383e6fa96cbbaba6a2558b076c0b" class="OWAAutoLink" id="LPlnk329657" target="_blank" previewremoved="true">http://pyqt.sourceforge.net/Docs/QScintilla2/classQsciScintillaBase.html#a5eff383e6fa96cbbaba6a2558b076c0b</a></p>
<p><br>
</p>
<p><br>
</p>
<p>Try it. Hope it helps.</p>
<p><br>
</p>
<p>Matic<br>
</p>
<br>
<br>
<br>
<br>
<div style="color:rgb(0,0,0)">
<hr style="display:inline-block; width:98%">
<div id="divRplyFwdMsg" dir="ltr"><span color="#000000" face="Calibri, sans-serif" style="font-size:11pt; color:#000000; font-family:Calibri,sans-serif"><b>From:</b> QScintilla <qscintilla-bounces@riverbankcomputing.com> on behalf of kristof.mulier@telenet.be
 <kristof.mulier@telenet.be><br>
<b>Sent:</b> Wednesday, October 12, 2016 5:33 PM<br>
<b>To:</b> qscintilla@riverbankcomputing.com<br>
<b>Subject:</b> [QScintilla] Clickable functions and variables</span>
<div> </div>
</div>
<div>
<div style="font-family:Arial; font-size:10pt; color:#000000">
<div>Dear QScintilla users and developers,</div>
<div><br>
</div>
<div>Can you please take a look at this StackOverflow question?</div>
<div><br>
</div>
<div><a href="http://stackoverflow.com/questions/40002373/qscintilla-based-text-editor-in-pyqt5-with-clickable-functions-and-variables" id="LPlnk930602" target="_blank" previewremoved="true">http://stackoverflow.com/questions/40002373/qscintilla-based-text-editor-in-pyqt5-with-clickable-functions-and-variables</a></div>
<div><br>
</div>
<div>I am still trying to build an IDE in PyQt5, and use QScintilla for the syntax highlighting. I wonder if certain features are available in QScintilla. The official documentation is way too short.</div>
<div><br>
</div>
<div>Kind greetings,</div>
<div><br>
</div>
<div>Kristof Mulier</div>
<div><br>
</div>
<div>PS: The IDE I am building can be found on my website: <a href="http://www.gneb.io" id="LPlnk315713" target="_blank" previewremoved="true">
www.gneb.io</a></div>
<div><br>
</div>
</div>
</div>
</div>
</div>
<br>
_______________________________________________<br>
QScintilla mailing list<br>
QScintilla@riverbankcomputing.com<br>
https://www.riverbankcomputing.com/mailman/listinfo/qscintilla<br>
</div>
<div><br>
</div>
</div>
</div>
</div>
</div>
</body>
</html>