{"id":17053746,"url":"https://github.com/terrymooreii/angular-wysiwyg","last_synced_at":"2025-04-06T04:09:34.088Z","repository":{"id":15110965,"uuid":"17837856","full_name":"TerryMooreII/angular-wysiwyg","owner":"TerryMooreII","description":"An AngularJS WYSIWYG directive that multiple instances and two-way data-binding.","archived":false,"fork":false,"pushed_at":"2023-06-26T16:00:58.000Z","size":161,"stargazers_count":121,"open_issues_count":37,"forks_count":75,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-30T03:07:16.149Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TerryMooreII.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-03-17T18:00:17.000Z","updated_at":"2023-02-02T14:15:45.000Z","dependencies_parsed_at":"2024-06-19T00:25:48.857Z","dependency_job_id":null,"html_url":"https://github.com/TerryMooreII/angular-wysiwyg","commit_stats":{"total_commits":60,"total_committers":8,"mean_commits":7.5,"dds":"0.15000000000000002","last_synced_commit":"6b7961cc45d150cfb2a215eda0a0b97fd82b8509"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fangular-wysiwyg","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fangular-wysiwyg/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fangular-wysiwyg/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryMooreII%2Fangular-wysiwyg/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryMooreII","download_url":"https://codeload.github.com/TerryMooreII/angular-wysiwyg/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430869,"owners_count":20937874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T10:13:07.971Z","updated_at":"2025-04-06T04:09:33.959Z","avatar_url":"https://github.com/TerryMooreII.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nI have not had time to update this project in a long time which has caused me to fall behind on many bugs listed in the issues page. If you still depend on this project and would like to contribute please let me know or submit pull requests. \n==================\n\nAngular WYSIWYG directive.\n===========================\n\n\n![Awesome Shot] (https://raw.github.com/TerryMooreII/angular-wysiwyg/master/screenshots/screenshot.png)\n\n\nPull Requests Welcome\n-------------------------\n\n\nDemo\n----\n\n```\n$ git clone https://github.com/TerryMooreII/angular-wysiwyg.git\n$ npm install \n$ gulp server\n```\nOpen browser to http://localhost:4000/demo\n\n\nInstallation\n------------\n`bower install angular-wysiwyg`\n\n\nRequired dependancies\n-----------------------\n* [AngularJS] (http://www.angularjs.com) \n* [Font Awesome] (http://fortawesome.github.io/Font-Awesome/)\n* [Twitter Bootstrap] (http://getbootstrap.com/2.3.2/)\n* [bootstrap-color-picker] (https://github.com/buberdds/angular-bootstrap-colorpicker)\n\nInstall each dependancy to your AngularJS project.\n\nAdd `'wysiwyg.module'` to your main angular.module like so\n```javascript\nangular.module('myapp', ['myApp.controllers', 'myApp.services', 'wysiwyg.module']);\n````\n\n\nUsage\n------------\n```html\n\u003cwysiwyg textarea-id=\"question\" textarea-class=\"form-control\"  textarea-height=\"80px\" textarea-name=\"textareaQuestion\" textarea-required ng-model=\"yourModel.model\" enable-bootstrap-title=\"true\" textarea-menu=\"yourModel.customMenu\"\u003e\u003c/wysiwyg\u003e\n```\nOptions\n-----------\n\nOption|Description\n---------------------|---------------\n**ng-model**\t\t | \t\t\tREQUIRED - The angular data model\n**textarea-id** \t |\t\t\tThe id to assign to the editable div\n**textarea-class**\t |\t\t\tThe class(es) to assign to the the editable div\n**textarea-height**\t |\t\t\tIf the height is not specified in a text-area class then the hight of the editable div (default: 80px)\n**textarea-name**\t |\t\t\tThe name attribute of the editable div \n**textarea-required**|\t\t\tTrue/False HTML/AngularJS required validation\n**enable-bootstrap-title**|\t\tTrue/False whether or not to show the button hover title styled with bootstrap\t\n**textarea-menu**    |          Cusomize the wysiwyg buttons and button groups ***See Below** If nothing is specified then the default buttons and groups will be shown.\n**disabled**  |          Disable the buttons and wysiwig area \n\nButtons\n--------------\n\nIf you don't need all of the buttons and functions of the default WYSIWYG editor you can customize it.\n\nTo do so you need to create a scope variable in your controller.  This variable be an array that contains arrays of button groups.\n\n```javascript\n\t\n\t//This also happens to be the default menu options.\n\t$scope.yourModel.customMenu = [\n            ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript'],\n            ['format-block'],\n            ['font'],\n            ['font-size'],\n            ['font-color', 'hilite-color'],\n            ['remove-format'],\n            ['ordered-list', 'unordered-list', 'outdent', 'indent'],\n            ['left-justify', 'center-justify', 'right-justify'],\n            ['code', 'quote', 'paragraph'],\n            ['link', 'image']\n        ];\n```\n\nSo above each array will end up being a group of the specified buttons. \n\n**Note:**  The `font` and `font-size` dropdowns must be in thier own group.  \n\nList of possible buttons |\n------------|\nbold |\nitalic | \nunderline | \nstrikethrough | \nsubscript |\nsuperscript |\nfont | \nfont-size |\nfont-color | \nhilite-color |\nremove-format |\nordered-list |\nunordered-list |\noutdent |\nindent |\nleft-justify |\nright-justify |\ncenter-justify |\ncode |\nparagraph |\nquote |\nlink |\nimage |\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterrymooreii%2Fangular-wysiwyg","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fterrymooreii%2Fangular-wysiwyg","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterrymooreii%2Fangular-wysiwyg/lists"}