![\"undefined\"/](\"/image/showWorkOrderImg?fileName=123456.png\")
to\" style=\"width:100%\">'``` where '>' is inserted in the class attribute. \r\n\r\n### Advantages\r\n\r\n1) Easy-to-use.\r\n2) You can use this library for not only html but also any kind of xml-type resources.\r\n3) Update only a target part preserving all the other parts as they are. \r\n \r\n## Example Usage\r\n\r\n#### Installation & Usage\r\n\r\nThere are parameters as examples to be used in the usage below.\r\n\r\n``` javascript\r\n\r\nvar htmlStr = '
\\n' +\r\n '![\"undefined\"/](\"/image/showWorkOrderImg?fileName=12345.png\")
\\n' +\r\n '\\n' +\r\n 'Please align the paper to the left.
\\n' +\r\n '
※Please ask your manager if you have any issues! ※
';\r\n\r\nvar attrName = 'style';\r\nvar attrValue = 'max-width:100%';\r\nvar elementName = 'img';\r\n\r\nvar isIdWay = false; // available from version 1.5.0. if you use the parameter, this enables 'overwriting previous attribute values' regardless of what kind of 'attrName'. (default : false)\r\nvar commentsAreaIgnore = true; // available from version 1.5.6. if you use the parameter, this enables 'updating only parts not in comments'. (default : true)\r\n\t\r\n```\r\n\r\nFor ES6 npm users, 'npm install --save raw-html-attribute-updater'.\r\n(https://www.npmjs.com/package/raw-html-attribute-updater)\r\n\r\n``` javascript\r\n\r\nimport RawHtmlAttributeUpdater from 'raw-html-attribute-updater';\r\n\r\n/* @params \r\n* string : attrName, attrValue, elementName, htmlStr (necessary)\r\n* isIdWay (not necessaray, default : false)\r\n*/\r\n\r\nRawHtmlAttributeUpdater.storeAttrField(attrName, attrValue, elementName, htmlStr) // returns htmlStr that has been updated with elementName, attrName, attrValue.\r\n\r\n```\r\n\r\nFor ES5 users,\r\n\r\n``` html\r\n\r\n\r\n\r\n\t\r\n\t\r\n\t\r\n\t\r\n\r\n\r\n\r\n```\r\n\r\n#### Syntax Overview\r\n\r\n##### The function above returns different results according to **three types of attrName** below.\r\n\r\n***\r\n\r\n###### [1] style-way\r\n\r\n- attrName : style (before)\r\n\r\n``` javascript\r\n\r\nattrName = 'style';\r\nattrValue = 'max-width:100%';\r\nelementName = 'img';\r\nhtmlStr = '\\n' +\r\n '\\n' +\r\n '\\n' +\r\n 'Please align the paper to the left.
\\n' +\r\n '
※Please ask your manager if you have any issues! ※
';\r\n \r\n```\r\n\r\n###### The following is the result of the example. (You can see differences for every 'style' for every 'img') \r\n\r\n- attrName : style (after)\r\n\r\n``` javascript\r\n\r\n\r\n\r\n\r\nPlease align the paper to the left.
\r\n
※Please ask your manager if you have any issues! ※
\r\n\r\n```\r\n\r\n***\r\n\r\n###### [2] id-way\r\n\r\n- attrName : id (before)\r\n\r\n``` javascript\r\n\r\nattrName = 'id';\r\nattrValue = 'abc';\r\nelementName = 'p';\r\nhtmlStr = '\\n' +\r\n '\\n' +\r\n '\\n' +\r\n 'Please align the paper to the left.
\\n' +\r\n '
※Please ask your manager if you have any issues! ※
';\r\n \r\n```\r\n\r\n###### The following is the result of the example. (You can see differences for every 'id' for every 'p') \r\n\r\n- attrName : id (after)\r\n\r\n``` javascript\r\n\r\n\r\n\r\n\r\nPlease align the paper to the left.
\r\n
※Please ask your manager if you have any issues! ※
\r\n\r\n```\r\n\r\n***\r\n\r\n###### [3] class-way\r\n\r\n- attrName : class (before)\r\n\r\n``` javascript\r\n\r\nattrName = 'class';\r\nattrValue = 'xyz';\r\nelementName = 'p';\r\nhtmlStr = '\\n' +\r\n '\\n' +\r\n '\\n' +\r\n 'Please align the paper to the left.
\\n' +\r\n '
※Please ask your manager if you have any issues! ※
';\r\n \r\n```\r\n\r\n###### The following is the result of the example. (You can see differences for every 'class' for every 'p') \r\n\r\n- attrName : class (after)\r\n\r\n``` javascript\r\n\r\n\r\n\r\n\r\nPlease align the paper to the left.
\r\n
※Please ask your manager if you have any issues! ※
\r\n\r\n```\r\n\r\n***\r\n\r\n###### [Plus] random-way\r\n\r\n- attrName : random (before)\r\n\r\nAll other attrNames except for the three above function like in a 'class' way. \r\nFor example,\r\n\r\n``` javascript\r\n\r\nattrName = 'monkey';\r\nattrValue = 'happy';\r\nelementName = 'p';\r\nhtmlStr = '\\n' +\r\n '\\n' +\r\n '\\n' +\r\n 'Please align the paper to the left.
\\n' +\r\n '
※Please ask your manager if you have any issues! ※
';\r\n \r\n```\r\n\r\n###### The following is the result of the example. (You can see differences for every 'monkey' for every 'p') \r\n\r\n- attrName : random (after)\r\n\r\n``` javascript\r\n\r\n\r\n\r\n\r\nPlease align the paper to the left.
\r\n
※Please ask your manager if you have any issues! ※
\r\n\r\n","readmeFilename":"README.md"}