{"id":6185,"date":"2012-11-05T20:40:45","date_gmt":"2012-11-06T01:40:45","guid":{"rendered":"http:\/\/cscircles.cemc.uwaterloo.ca\/?page_id=6185"},"modified":"2015-09-28T14:07:29","modified_gmt":"2015-09-28T18:07:29","slug":"7-rich-editor-nl","status":"publish","type":"page","link":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/7-rich-editor-nl\/","title":{"rendered":"07: Editor met veel extra's (rich editor)"},"content":{"rendered":"<p>In de rest van de lessen kun je een editor met \"veel extra's\" gebruiken. Je kunt de editor nader bekijken in het schermpje hieronder.<br \/>\n<form class=\"pbform\" action=\"#\" id=\"pbform0\" method=\"POST\">\n<div class='pybox modeNeutral  facultative' id='pybox0'>\n<div class=\"heading\"><span class='type'>Example: <\/span><span class='title'>Rich Editor Demo<\/span><\/div>Probeer de \"rich editor\" uit.<div class='pyboxTextwrap pyboxCodewrap RW resizy'  style='height: 526px;'><textarea wrap='off' name='usercode0' id='usercode0'  cols=10 rows=20   class='pyboxCode RW'>\ninfo = \"The rich editor does syntax highlighting\"\n# It resizes automatically. Drag the bottom border for manual size.\ncool = True\nfor i in range(0, max(3, 1+2*3-4)):\n   print('It also colours matching parentheses as you type')\n<\/textarea><\/div>\n<div id='pbhistory0' class='flexcontain' style='display:none;'><\/div>\n<input type='hidden' id='defaultCode0' value='info = \\\"The rich editor does syntax highlighting\\\"\\n# It resizes automatically. Drag the bottom border for manual size.\\ncool = True\\nfor i in range(0, max(3, 1+2*3-4)):\\n   print(\\u0027It also colours matching parentheses as you type\\u0027)\\n'><\/input>\n<div class='pyboxbuttons'><table><tr>\n<td><input type='submit' name='submit' id='submit0' value=' '\/><\/td>\n<td><input type='button' name='consolecopy' value=\"Open in console\" onclick=\"pbConsoleCopy(0)\" ><\/td>\n<td><input type='button' name='visualize' value=\"Visualize\" onclick=\"pbVisualize(0,'N')\" ><\/td>\n<td><input type='button' name='history' value=\"History\" onclick=\"historyClick(0,'7.sample')\" ><\/td>\n<\/tr><\/table><select id='pbSelect0' class='selectmore'><option name='more'>More actions...<\/option>\n<option name='default' data-pbonclick=\"pbSetText(0,descape($('#defaultCode0').val()))\" >Reset code to default<\/option>\n<\/select><\/div>\n<input type=\"hidden\" name=\"lang\" value=\"\"\/><input type=\"hidden\" id=\"inputInUse0\" name=\"inputInUse\" value=\"Y\"\/>\n<input type=\"hidden\" name=\"pyId\" value=\"0\"\/>\n<input type=\"hidden\" name=\"hash\" value=\"06ca5644301dbe0c898f0a1e1cd094e8\"\/>\n<div id='pbresults0' class='pbresults avoidline'><\/div>\n<\/div>\n<\/form>\n<script type='text\/javascript'>jQuery(function(){pbToggleCodeMirror(0);});document.getElementById(\"submit0\").value = \"Run program\";document.getElementById(\"inputInUse0\").value = \"N\";<\/script>\nJe kunt de editor gebruiken voor versturen, bewaren en inlezen, zoals te doen gebruikelijk.<\/p>\n<p><table class='pywarn'><tr><td class='pywarnleft'><img src='https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-content\/plugins\/pybox\/files\/warning.png'\/><\/td><td class='pywarnright'><span>  De \"editor met veel extra's\" wordt in alle volgende lessen gebruikt. <\/span><\/td><\/table><\/p>\n<p>Deze les bestaat uit drie sub-lessen, die in elke gewenste volgorde kunnen worden doorgewerkt. Kies er maar \u00e9\u00e9n uit:<\/p>\n<ol style=\"list-style-type: upper-alpha;\">\n<li><a class=\"open-same-window\" href=\"\/7a-strings-nl\/\">Strings (stukjes tekst) en tekens (letters en cijfers).<\/a><\/li>\n<li><a class=\"open-same-window\" href=\"\/7b-math-nl\/\">Reken operatoren (*, +, -, \/), haakjes en het importeren van methoden uit de <code>math<\/code> (wiskunde) module.<\/a><\/li>\n<li><a class=\"open-same-window\" href=\"\/7c-loops-nl\/\">Maken van \"<code>while<\/code>\" en \"<code>for<\/code>\" lussen en een manier om de voortgang van een programma, door middel van \"<code>break<\/code>\" en \"<code>continue<\/code>\", te beinvloeden.<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In de rest van de lessen kun je een editor met \"veel extra's\" gebruiken. Je kunt de editor nader bekijken in het schermpje hieronder. Example: Rich Editor DemoProbeer de \"rich editor\" uit. info = \"The rich editor does syntax highlighting\" &hellip; <a href=\"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/7-rich-editor-nl\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/comments?post=6185"}],"version-history":[{"count":24,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6185\/revisions"}],"predecessor-version":[{"id":9063,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6185\/revisions\/9063"}],"wp:attachment":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/media?parent=6185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}