Leaderboard
Popular Content
Showing content with the highest reputation on 08/07/2019 in Posts
-
Here is a list of HTML Editors you can implement in your project. Here at GloTorrents we use SCEditor by creator Sam Clarke.. SCEditor A lightweight, open source, WYSIWYG BBCode and (X)HTML editor. [Hidden Content] Usage; Quick Start Include the JS & CSS: <link rel="stylesheet" href="minified/themes/default.min.css" /> <script src="minified/sceditor.min.js"></script> Initialize the editor BBCode <script src="minified/formats/bbcode.min.js"></script> <script> // Replace the textarea #example with SCEditor var textarea = document.getElementById('example'); sceditor.create(textarea, { format: 'bbcode', style: 'minified/themes/content/default.min.css' }); </script> XHTML <script src="minified/formats/xhtml.min.js"></script> <script> // Replace the textarea #example with SCEditor var textarea = document.getElementById('example'); sceditor.create(textarea, { format: 'xhtml', style: 'minified/themes/content/default.min.css' }); </script> We highly recommend this because its what we use at GloTorrents. We moved our Web server to NGINX so working on a few tweaks to make site run smoothly.!1 point
-
Froala Editor The Next Generation WYSIWYG HTML Editor Beautiful Javascript web editor that's easy to integrate for developers and your users will simply fall in love with its clean design. [Hidden Content] The following code example illustrates how to handle file upload on your server using PHP as a server-side language. For step by step explanation of the upload flow see file upload concept. Frontend The main index page. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- Include Editor style. --> <link href="[Hidden Content]" rel="stylesheet" type="text/css" /> </head> <body> <div class="sample"> <h2>File upload example.</h2> <form> <textarea id="edit" name="content"></textarea> </form> </div> <!-- Include Editor JS files. --> <script type="text/javascript" src="[Hidden Content]; <!-- Initialize the editor. --> <script> new FroalaEditor('#edit', { // Set the file upload URL. fileUploadURL: '/upload_file.php', fileUploadParams: { id: 'my_editor' } }) </script> </body> </html> Backend upload_file.php file will do the upload part. It has basic file format validations this can be easily extended. The uploads directory must be set to a valid location before any uploads are made. The path can be any folder that is accessible and write available. After processing the uploaded image, if it passes the validation, the server will respond with a JSON object containing a link to the uploaded file. E.g.: {"link":"[Hidden Content]"}. <?php try { // File Route. $fileRoute = "/uploads/"; $fieldname = "file"; // Get filename. $filename = explode(".", $_FILES[$fieldname]["name"]); // Validate uploaded files. // Do not use $_FILES["file"]["type"] as it can be easily forged. $finfo = finfo_open(FILEINFO_MIME_TYPE); // Get temp file name. $tmpName = $_FILES[$fieldname]["tmp_name"]; // Get mime type. You must include fileinfo PHP extension. $mimeType = finfo_file($finfo, $tmpName); // Get extension. $extension = end($filename); // Allowed extensions. $allowedExts = array("txt", "pdf", "doc","json","html"); // Allowed mime types. $allowedMimeTypes = array("text/plain", "application/msword", "application/x-pdf", "application/pdf", "application/json","text/html"); // Validate file. if (!in_array(strtolower($mimeType), $allowedMimeTypes) || !in_array(strtolower($extension), $allowedExts)) { throw new \Exception("File does not meet the validation."); } // Generate new random name. $name = sha1(microtime()) . "." . $extension; $fullNamePath = dirname(__FILE__) . $fileRoute . $name; // Check server protocol and load resources accordingly. if (isset($_SERVER["HTTPS"]) && $_SERVER["HTTPS"] != "off") { $protocol = "https://"; } else { $protocol = "http://"; } // Save file in the uploads folder. move_uploaded_file($tmpName, $fullNamePath); // Generate response. $response = new \StdClass; $response->link = $protocol.$_SERVER["HTTP_HOST"].dirname($_SERVER["PHP_SELF"]).$fileRoute . $name; // Send response. echo stripslashes(json_encode($response)); } catch (Exception $e) { // Send error response. echo $e->getMessage(); http_response_code(404); } ?>1 point
-
Nice to see some of the TWProductions stuff still exists out there in the social media . It's a shame that most of his collections were removed1 point
-
Congratulations on the promotion MK , it's about time someone snaffled you up properly so you don't get away1 point